Wikiviajes
eswikivoyage
https://es.wikivoyage.org/wiki/P%C3%A1gina_principal
MediaWiki 1.47.0-wmf.3
first-letter
Medio
Especial
Discusión
Usuario
Usuario discusión
Wikiviajes
Wikiviajes discusión
Archivo
Archivo discusión
MediaWiki
MediaWiki discusión
Plantilla
Plantilla discusión
Ayuda
Ayuda discusión
Categoría
Categoría discusión
TimedText
TimedText talk
Módulo
Módulo discusión
Evento
Evento discusión
Plantilla:Ediciones
10
6579
253836
253710
2026-05-23T12:01:52Z
Jembot
2355
Bot: Actualizando datos
253836
wikitext
text/x-wiki
{{<includeonly>safesubst:</includeonly>#switch:{{ucfirst:{{{1|{{{User|{{{user}}}}}}}}}}}
|Jembot=26524
|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
|Jsmura=721
|Olea=716
|B1m-bot=713
|Sumone's bot=710
|Viajero del cantábrico=675
|SteveRBot=653
|Alakrano=620
|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=165
|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&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
}}<noinclude>{{documentación}}</noinclude>
96zw6ww69n2f183vlvfsz9zenyguwfq
Plantilla:Ranking de ediciones
10
6580
253837
253711
2026-05-23T12:01:53Z
Jembot
2355
Bot: Actualizando ranking
253837
wikitext
text/x-wiki
{| class="wikitable sortable" style="font-size: 90%;text-align: center;float: right;"
! #
! Usuario
! Ediciones
|-
| 1 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]]
|-
| 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]]
|-
| 3 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]]
|-
| 4 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]]
|-
| 5 || [[User:Zerojosefer|<span style="color:gray">Zerojosefer</span>]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]]
|-
| 6 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4063}}]]
|-
| 7 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]]
|-
| 8 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]]
|-
| 9 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]]
|-
| 10 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]]
|-
| colspan="3" | Véase también [[Wikiviajes:Ranking de ediciones]]<br/><small>Actualizado por [[Usuario:Jembot|Jembot]] ([[Usuario discusión:Jembot|disc.]]), 23 de mayo de 2026, 12:00 (UTC)</small>
|}<noinclude>{{documentación}}</noinclude>
qp5302wi16g8j4i62jtcf48cyw0cn10
Wikiviajes:Ranking de ediciones
4
6581
253838
253712
2026-05-23T12:01:54Z
Jembot
2355
Bot: Actualizando ranking
253838
wikitext
text/x-wiki
{{/begin|50}}
|-
| 1 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]]
|-
| 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]]
|-
| 3 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]]
|-
| 4 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]]
|-
| 5 || [[User:Zerojosefer|<span style="color:gray">Zerojosefer</span>]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]]
|-
| 6 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4063}}]]
|-
| 7 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]]
|-
| 8 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]]
|-
| 9 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]]
|-
| 10 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]]
|-
| 11 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3394}}]]
|-
| 12 || [[User:B1mbo|<span style="color:gray">B1mbo</span>]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]]
|-
| 13 || [[User:Mpeinadopa|<span style="color:gray">Mpeinadopa</span>]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]]
|-
| 14 || [[User:Kizar|<span style="color:gray">Kizar</span>]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]]
|-
| 15 || [[User:RolandUnger|<span style="color:gray">RolandUnger</span>]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]]
|-
| 16 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]]
|-
| 17 || [[User:Aguzado|<span style="color:gray">Aguzado</span>]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]]
|-
| 18 || [[User:Meruleh|<span style="color:gray">Meruleh</span>]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]]
|-
| 19 || [[User:HrAd|<span style="color:gray">HrAd</span>]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]]
|-
| 20 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]]
|-
| 21 || [[User:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]]
|-
| 22 || [[User:Razr Nation|<span style="color:gray">Razr Nation</span>]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]]
|-
| 23 || [[User:Green Mostaza|<span style="color:gray">Green Mostaza</span>]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]]
|-
| 24 || [[User:Green Mostaza Bot|<span style="color:gray">Green Mostaza Bot</span>]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]]
|-
| 25 || [[User:Superzerocool|<span style="color:gray">Superzerocool</span>]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]]
|-
| 26 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1058}}]]
|-
| 27 || [[User:Althair|<span style="color:gray">Althair</span>]] || [[Special:Contributions/Althair|{{formatnum:1048}}]]
|-
| 28 || [[User:Eclipsis Proteo|<span style="color:gray">Eclipsis Proteo</span>]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]]
|-
| 29 || [[User:Patricio.lorente|<span style="color:gray">Patricio.lorente</span>]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]]
|-
| 30 || [[User:HJGN2|<span style="color:gray">HJGN2</span>]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]]
|-
| 31 || [[User:Naturista2018|<span style="color:gray">Naturista2018</span>]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]]
|-
| 32 || [[User:Ksn.kenny|<span style="color:gray">Ksn.kenny</span>]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]]
|-
| 33 || [[User:Lomeno 24|<span style="color:gray">Lomeno 24</span>]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]]
|-
| 34 || [[User:HrAd-ATO|<span style="color:gray">HrAd-ATO</span>]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]]
|-
| 35 || [[User:Jormtz|<span style="color:gray">Jormtz</span>]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]]
|-
| 36 || [[User:CarsracBot|<span style="color:gray">CarsracBot</span>]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]]
|-
| 37 || [[User:Kirito|<span style="color:gray">Kirito</span>]] || [[Special:Contributions/Kirito|{{formatnum:731}}]]
|-
| 38 || [[User:Jsmura|Jsmura]] || [[Special:Contributions/Jsmura|{{formatnum:721}}]]
|-
| 39 || [[User:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]]
|-
| 40 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]]
|-
| 41 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]]
|-
| 42 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]]
|-
| 43 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]]
|-
| 44 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]]
|-
| 45 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]]
|-
| 46 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]]
|-
| 47 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]]
|-
| 48 || [[User:FocaBot|<span style="color:gray">FocaBot</span>]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]]
|-
| 49 || [[User:Veronidae|<span style="color:gray">Veronidae</span>]] || [[Special:Contributions/Veronidae|{{formatnum:543}}]]
|-
| 50 || [[User:Texugo|<span style="color:gray">Texugo</span>]] || [[Special:Contributions/Texugo|{{formatnum:486}}]]
{{/end}}
biclzfnbcig4ghnlcdn6hhzdq06yrmy
Wikiviajes:Ranking de ediciones (incluye bots)
4
6582
253839
253713
2026-05-23T12:01:55Z
Jembot
2355
Bot: Actualizando ranking
253839
wikitext
text/x-wiki
{{/begin|50}}
|-
| 1 || [[User:Jembot|Jembot]] (Bot) || [[Special:Contributions/Jembot|{{formatnum:26524}}]]
|-
| 2 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]]
|-
| 3 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]]
|-
| 4 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]]
|-
| 5 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]]
|-
| 6 || [[User:Zerojosefer|<span style="color:gray">Zerojosefer</span>]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]]
|-
| 7 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4063}}]]
|-
| 8 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]]
|-
| 9 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]]
|-
| 10 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]]
|-
| 11 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]]
|-
| 12 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3394}}]]
|-
| 13 || [[User:B1mbo|<span style="color:gray">B1mbo</span>]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]]
|-
| 14 || [[User:Mpeinadopa|<span style="color:gray">Mpeinadopa</span>]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]]
|-
| 15 || [[User:Kizar|<span style="color:gray">Kizar</span>]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]]
|-
| 16 || [[User:RolandUnger|<span style="color:gray">RolandUnger</span>]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]]
|-
| 17 || [[User:MediaWiki message delivery|MediaWiki message delivery]] (Bot) || [[Special:Contributions/MediaWiki message delivery|{{formatnum:2795}}]]
|-
| 18 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]]
|-
| 19 || [[User:MABot|MABot]] (Bot) || [[Special:Contributions/MABot|{{formatnum:2453}}]]
|-
| 20 || [[User:Aguzado|<span style="color:gray">Aguzado</span>]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]]
|-
| 21 || [[User:Meruleh|<span style="color:gray">Meruleh</span>]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]]
|-
| 22 || [[User:HrAd|<span style="color:gray">HrAd</span>]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]]
|-
| 23 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]]
|-
| 24 || [[User:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]]
|-
| 25 || [[User:Razr Nation|<span style="color:gray">Razr Nation</span>]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]]
|-
| 26 || [[User:Green Mostaza|<span style="color:gray">Green Mostaza</span>]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]]
|-
| 27 || [[User:Green Mostaza Bot|<span style="color:gray">Green Mostaza Bot</span>]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]]
|-
| 28 || [[User:Superzerocool|<span style="color:gray">Superzerocool</span>]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]]
|-
| 29 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1058}}]]
|-
| 30 || [[User:Althair|<span style="color:gray">Althair</span>]] || [[Special:Contributions/Althair|{{formatnum:1048}}]]
|-
| 31 || [[User:Eclipsis Proteo|<span style="color:gray">Eclipsis Proteo</span>]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]]
|-
| 32 || [[User:Patricio.lorente|<span style="color:gray">Patricio.lorente</span>]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]]
|-
| 33 || [[User:HJGN2|<span style="color:gray">HJGN2</span>]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]]
|-
| 34 || [[User:Naturista2018|<span style="color:gray">Naturista2018</span>]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]]
|-
| 35 || [[User:Ksn.kenny|<span style="color:gray">Ksn.kenny</span>]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]]
|-
| 36 || [[User:Lomeno 24|<span style="color:gray">Lomeno 24</span>]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]]
|-
| 37 || [[User:HrAd-ATO|<span style="color:gray">HrAd-ATO</span>]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]]
|-
| 38 || [[User:Jormtz|<span style="color:gray">Jormtz</span>]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]]
|-
| 39 || [[User:CarsracBot|<span style="color:gray">CarsracBot</span>]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]]
|-
| 40 || [[User:Kirito|<span style="color:gray">Kirito</span>]] || [[Special:Contributions/Kirito|{{formatnum:731}}]]
|-
| 41 || [[User:Jsmura|Jsmura]] || [[Special:Contributions/Jsmura|{{formatnum:721}}]]
|-
| 42 || [[User:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]]
|-
| 43 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]]
|-
| 44 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]]
|-
| 45 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]]
|-
| 46 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]]
|-
| 47 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]]
|-
| 48 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]]
|-
| 49 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]]
|-
| 50 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]]
{{/end}}
7c71w32mtfgug9b3q837sk095y2t2h9
Plantilla:Tasa de cambio/datos
10
8915
253890
253736
2026-05-23T19:02:03Z
Jembot
2355
Bot: Actualizando datos
253890
wikitext
text/x-wiki
{{#switch:{{uc:{{{1|}}}}}<!--
Las cifras indican el valor de un dólar estadounidense en la moneda correspondiente-->
|AED=3.672504
|AFN=62.503991
|ALL=82.21715
|AMD=367.457686
|ANG=1.79046
|AOA=918.000367
|ARS=1405.603945
|AUD=1.40056
|AWG=1.8
|AZN=1.70397
|BAM=1.684655
|BBD=2.012145
|BDT=122.787372
|BGN=1.66992
|BHD=0.37676
|BIF=2973.599208
|BMD=1
|BND=1.279039
|BOB=6.902967
|BRL=5.034404
|BSD=0.999009
|BTN=95.544166
|BWP=13.511348
|BYN=2.742926
|BYR=19600
|BZD=2.009217
|CAD=1.38255
|CDF=2255.000362
|CHF=0.784598
|CLF=0.022887
|CLP=897.549421
|CNY=6.79475
|COP=3680.089582
|CRC=452.129721
|CUP=26.5
|CVE=94.978251
|CZK=20.931604
|DJF=177.897412
|DKK=6.439504
|DOP=58.882811
|DZD=133.517378
|ECS=25000
|EGP=53.093587
|EHP=143,325565944
|ERN=15
|ETB=161.054309
|EUR|€=0.861404
|FJD=2.206104
|FKP=0.744177
|GBP|£=0.744048
|GEL=2.660391
|GHS=11.599121
|GIP=0.744177
|GMD=72.503851
|GNF=8755.760369
|GTQ=7.617899
|GYD=208.975408
|HKD=7.83585
|HNL=26.579095
|HRK=6.493904
|HTG=130.823894
|HUF=309.190388
|IDR=17698.6
|ILS=2.89104
|INR=95.700504
|IQD=1308.669624
|IRR=1323400.000352
|ISK=123.760386
|JMD=157.70705
|JOD=0.70904
|JPY|¥=159.20504
|KES=129.669667
|KGS=87.450384
|KHR=4003.617727
|KMF=425.00035
|KPW=899.965393
|KRW=1520.370383
|KWD=0.30951
|KYD=0.832508
|KZT=471.777424
|LAK=21894.138421
|LBP=89482.923468
|LKR=334.157371
|LRD=182.815797
|LSL=16.478315
|LTL=2.95274
|LVL=0.60489
|LYD=6.366338
|MAD=9.216245
|MDL=17.32805
|MGA=4197.424523
|MKD=53.094449
|MMK=2099.368685
|MNT=3577.814737
|MOP=8.06331
|MRU=39.920755
|MUR=47.380378
|MVR=15.403739
|MWK=1732.288212
|MXN=17.328204
|MYR=3.967904
|MZN=63.903729
|NAD=16.478315
|NGN=1372.250377
|NIO=36.762996
|NOK=9.272104
|NPR=152.870494
|NZD=1.70911
|OMR=0.385762
|PAB=1
|PEN=3.40609
|PGK=4.356777
|PHP=61.474038
|PKR=278.137215
|PLN=3.65305
|PYG=6088.11749
|QAR=3.652526
|RON=4.524404
|RSD=101.132693
|RUB=71.790516
|RWF=1460.528016
|SAR=3.751909
|SBD=8.045182
|SCR=13.726689
|SDG=600.503676
|SEK=9.367704
|SGD=1.280404
|SHP=0.746601
|SLL=20969.502105
|SOS=570.911753
|SRD=37.154038
|SSP=
|STD=20697.981008
|SVC=8.75
|SYP=110.533529
|SZL=16.474439
|THB=32.703646
|TJS=9.280848
|TMT=3.5
|TND=2.924501
|TOP=2.40776
|TRY=45.671304
|TTD=6.780654
|TWD=31.454504
|TZS=2612.515612
|UAH=44.214738
|UGX=3783.108661
|USD|$=1
|UYU=39.993109
|UZS=11985.873638
|VED=
|VEF=
|VES=526.210504
|VND=26365
|VUV=118.819217
|WST=2.724778
|XAF=565.017443
|XCD=2.70255
|XDR=0.7027
|XOF=565.017443
|XPF=102.726216
|YER=238.650363
|ZAR=16.869304
|ZMW=18.80615
|ZWL=321.999592
|#default=23 de mayo de 2026
}}
m1s1ynxeo85gih8kc56065qgteg2dq8
Plantilla:IDDC/Imagen
10
12726
253913
253772
2026-05-24T00:00:05Z
Jembot
2355
Bot: Actualizando imagen del día de Commons
253913
wikitext
text/x-wiki
Paris - Vintage travel gear seller at the marche Dauphine - 5212.jpg
dlou0vgpfu2i2kzwvbstwo89jzdaahl
Plantilla:IDDC/Descripción
10
12727
253914
253773
2026-05-24T00:00:08Z
Jembot
2355
Bot: Actualizando descripción de la imagen del día de Commons
253914
wikitext
text/x-wiki
Vendedor de artículos de viaje antiguos en [[:c:Category:Marché Dauphine|Marché Dauphine]], [[w:Saint-Ouen-sur-Seine|Saint-Ouen-sur-Seine]], [[w:París|París]], Francia
1om2n7jir3y7tgj2javfrgf5vy1562u
Usuario:Jsmura/Taller
2
14879
253894
253695
2026-05-23T20:13:42Z
Jsmura
5370
253894
wikitext
text/x-wiki
<div class="wva">
<div class="wva-hero">
<div class="wva-hero-dots"></div>
<div class="wva-hero-deco">★ ⚡ ◆ ★</div>
<div class="wva-hi">
<div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div>
<h1 class="wva-hi-h">Perú<em>República del Perú</em></h1>
<p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p>
<div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div>
</div>
</div>
<!-- ════ FICHA TÉCNICA — stats oscura ════ -->
<div class="wva-ficha" style="position:relative">
<div class="wva-fb">
<div class="wva-fb-t">Presupuesto diario</div>
<div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Seguridad por zona</div>
<div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Calidad transporte</div>
<div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Altitud · Soroche</div>
<div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Datos esenciales</div>
<div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div>
</div>
</div>
</div>
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff
|El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}}
{{Usuario:Jsmura/Taller/Tira
|bg=#003366
|acento=#00bcd4
|icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911
|icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105
|icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116
}}
{{Usuario:Jsmura/Taller/Stat
|titulo=Cifras clave
|bg=#0d0d0d
|acento=#1d6fa4
|cifra1=10M |label1=Habitantes |sub1=Área metropolitana
|cifra2=2,672 |label2=km² de área
|cifra3=1535 |label3=Año de fundación
|cifra4=43 |label4=Distritos
}}
{{Usuario:Jsmura/Taller/CardVert
|imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg
|enlace=Perú
|texto=Perú
|tamaño=60px
|ratio=110%
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000|
{{Usuario:Jsmura/Taller/Card
|imagen=Circuito agua lima4.jpg
|enlace=Lima
|bot=Lima
|ratio=80%
|acento=#e63946
|hover=rgba(30,0,0,0.88)
}}
{{Usuario:Jsmura/Taller/Card
|imagen=Montaña de los 7 colores.jpg
|enlace=Cusco
|bot=Cuzco
|ratio=80%
|acento=#1d6fa4
|hover=rgba(0,10,30,0.88)
}}
{{Usuario:Jsmura/Taller/Card
|imagen=El Misti, Arequipa - Peru.jpg
|enlace=Arequipa
|bot=Arequipa
|ratio=60%
|acento=#b87333
|hover=rgba(18,8,0,0.88)
}}
{{Usuario:Jsmura/Taller/Card
|imagen=Cajamarca iglesia san francisco.jpg
|enlace=Cajamarca
|bot=Cajamarca
|ratio=60%
|acento=#00bcd4
|hover=rgba(0,12,18,0.88)
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4|
{{Usuario:Jsmura/Taller/Card
|imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG
|enlace=Machu Picchu
|bot=Machu Picchu
|ratio=90%
|acento=#00897b
|hover=rgba(0,12,10,0.88)
}}
{{Usuario:Jsmura/Taller/Card
|imagen=Chavin de Huantar El Castillo 06122009.jpg
|enlace=Chavín de Huántar
|bot=Chavín de Huántar
|ratio=50%
|acento=#6a0dad
|hover=rgba(10,0,20,0.88)
}}
{{Usuario:Jsmura/Taller/Card
|imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG
|enlace=Nazca
|bot=Líneas de Nazca
|ratio=80%
|acento=#ad1457
|hover=rgba(22,0,12,0.88)
}}
{{Usuario:Jsmura/Taller/Card
|imagen=BA Mancora 371@20140102.jpg
|enlace=Máncora
|bot=Máncora
|ratio=60%
|acento=#4caf7d
|hover=rgba(0,14,8,0.88)
}}
}}
}}
= Itinerarios =
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Card
|imagen=Circuito agua lima4.jpg
|enlace=Lima
|bot=Lima
|acento=#e63946
|hover=rgba(30,0,0,0.88)
}}
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Ruta del centro histórico
|total=5 h 30 min
|bg=#0d0d0d
|acento=#c9a84c
|lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min
|actividad1=Recorrido por la arquitectura colonial y fuente central
|tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00
|lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h
|actividad2=Visita interior, cripta y torre mirador
|tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00
|lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min
|actividad3=Colección permanente de arte virreinal y contemporáneo
|tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30
|lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min
|actividad4=Gastronomía local y artesanías típicas
|tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00
}}
}}
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Ruta del centro histórico
|total=5 h 30 min
|bg=#0d0d0d
|acento=#c9a84c
|lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min
|actividad1=Recorrido por la arquitectura colonial y fuente central
|tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00
|lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h
|actividad2=Visita interior, cripta y torre mirador
|tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00
|lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min
|actividad3=Colección permanente de arte virreinal y contemporáneo
|tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30
|lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min
|actividad4=Gastronomía local y artesanías típicas
|tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00
}}
{{Usuario:Jsmura/Taller/Card
|imagen=Circuito agua lima4.jpg
|enlace=Lima
|bot=Lima
|acento=#e63946
|hover=rgba(30,0,0,0.88)
}}
}}
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Card
|imagen=Circuito agua lima4.jpg
|enlace=Lima
|bot=Lima
|acento=#e63946
|hover=rgba(30,0,0,0.88)
}}
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Ruta del centro histórico
|total=5 h 30 min
|bg=#0d0d0d
|acento=#c9a84c
|lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min
|actividad1=Recorrido por la arquitectura colonial y fuente central
|tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00
|lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h
|actividad2=Visita interior, cripta y torre mirador
|tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00
|lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min
|actividad3=Colección permanente de arte virreinal y contemporáneo
|tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30
|lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min
|actividad4=Gastronomía local y artesanías típicas
|tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00
}}
}}
}}
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Card
|imagen=Circuito agua lima4.jpg
|enlace=Lima
|bot=Lima
|acento=#e63946
|hover=rgba(30,0,0,0.88)
|ratio=80%
}}
{{Usuario:Jsmura/Taller/Cita
|texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar.
|autor=Raúl Porras Barrenechea
|fuente=Lima, 1935
|bg=#0d0d0d
|acento=#c9a84c
}}
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Ruta del centro histórico
|total=5 h 30 min
|bg=#0d0d0d
|acento=#c9a84c
|lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min
|actividad1=Recorrido por la arquitectura colonial y fuente central
|tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00
|lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h
|actividad2=Visita interior, cripta y torre mirador
|tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00
|lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min
|actividad3=Colección permanente de arte virreinal y contemporáneo
|tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30
|lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min
|actividad4=Gastronomía local y artesanías típicas
|tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00
}}
}}
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Gastronomia
|bg=#e65100
|acento=#ffe0b2
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|borde=rgba(255,255,255,0.15)
|titulo=Sabores locales
|subtitulo=Comidas y bebidas
|foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche
|lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají
|tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo
|foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour
|lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta
|tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche
|foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado
|lugar3=Todo el país |desc3=Salteado de res con papas y tomate
|tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo
|foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada
|lugar4=Tradicional |desc4=Bebida de maíz morado con frutas
|tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día
}}
}}
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Transporte
|bg=#0d47a1
|acento=#82b1ff
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|titulo=Cómo llegar
|subtitulo=Accesos y puntos clave
|mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo
|mdesc1=Desde el aeropuerto internacional |mtime1=45 min
|mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses
|mdesc2=Desde terminales norte y sur |mtime2=Varía
|mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima
|mdesc3=Línea 1, estación central |mtime3=20 min
|mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima
|mdesc4=Línea 1, estación central |mtime4=20 min
|lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima
|ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m
|lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco
|ldesc2=Colección precolombina más grande |ldist2=3.5 km
|lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores
|ldesc3=Malecón, parques y gastronomía |ldist3=8 km
|lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores
|ldesc4=Malecón, parques y gastronomía |ldist4=8 km}}
}}
}}
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Card
|imagen=Circuito agua lima4.jpg
|enlace=Lima
|bot=Lima
|acento=#e63946
|hover=rgba(30,0,0,0.88)
|ratio=80%
}}
{{Usuario:Jsmura/Taller/Cita
|texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar.
|autor=Raúl Porras Barrenechea
|fuente=Lima, 1935
|bg=#0d0d0d
|acento=#c9a84c
}}
{{Usuario:Jsmura/Taller/Transporte
|bg=#0d47a1
|acento=#82b1ff
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|titulo=Cómo llegar
|subtitulo=Accesos y puntos clave
|mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo
|mdesc1=Desde el aeropuerto internacional |mtime1=45 min
|mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses
|mdesc2=Desde terminales norte y sur |mtime2=Varía
|mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima
|mdesc3=Línea 1, estación central |mtime3=20 min
|mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima
|mdesc4=Línea 1, estación central |mtime4=20 min
}}
}}
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Ruta del centro histórico
|total=5 h 30 min
|bg=#0d0d0d
|acento=#c9a84c
|lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min
|actividad1=Recorrido por la arquitectura colonial y fuente central
|tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00
|lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h
|actividad2=Visita interior, cripta y torre mirador
|tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00
|lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min
|actividad3=Colección permanente de arte virreinal y contemporáneo
|tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30
|lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min
|actividad4=Gastronomía local y artesanías típicas
|tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Precaución
|titulo=Zonas de acceso restringido
|texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar.
|acento=#e65100
|bg=rgba(230,81,0,0.08)
|variante=filled
|txt=#212121
|txt2=#37474f
}}
}}
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Gastronomia
|bg=#e65100
|acento=#ffe0b2
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|borde=rgba(255,255,255,0.15)
|titulo=Sabores locales
|subtitulo=Comidas y bebidas
|foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche
|lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají
|tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo
|foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour
|lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta
|tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche
|foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado
|lugar3=Todo el país |desc3=Salteado de res con papas y tomate
|tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo
|foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada
|lugar4=Tradicional |desc4=Bebida de maíz morado con frutas
|tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día
}}
}}
}}
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|
{{Usuario:Jsmura/Taller/Callout
|tipo=Nota histórica
|titulo=Fundación de la ciudad
|texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''.
|footer=Ver también: [[Historia de Lima]]
|acento=#c9a84c
|bg=rgba(201,168,76,0.08)
|txt=#212121
|txt2=#37474f
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Precaución
|titulo=Zonas de acceso restringido
|texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar.
|acento=#e65100
|bg=rgba(230,81,0,0.08)
|variante=filled
|txt=#212121
|txt2=#37474f
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Dato clave
|texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988.
|acento=#1565c0
|variante=solid
|txt=#212121
|txt2=#37474f
}}
{{Usuario:Jsmura/Taller/Lista
|titulo=Festividades principales
|bg=#0d0d0d
|acento=#c9a84c
|item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre
|item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul
|item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero
|item4=Semana Santa |enlace4=Semana Santa |meta4=Abril
|item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio
}}
{{Usuario:Jsmura/Taller/Cita
|texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar.
|autor=Raúl Porras Barrenechea
|fuente=Lima, 1935
|bg=#0d0d0d
|acento=#c9a84c
}}
{{Usuario:Jsmura/Taller/Stat
|titulo=Cifras clave
|bg=#0d0d0d
|acento=#1d6fa4
|cifra1=10M |label1=Habitantes |sub1=Área metropolitana
|cifra2=2,672 |label2=km² de área
|cifra3=1535 |label3=Año de fundación
|cifra4=43 |label4=Distritos
}}
}}
}}
= Itinerarios recomendados =
== Lima ==
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c|
{{Usuario:Jsmura/Taller/Card
|imagen=Miraflores Lima Peru skyline.jpg
|top=Miraflores
|bot=Costa del Pacífico
|acento=#c9a84c
|hover=rgba(10,8,0,0.88)
}}
{{Usuario:Jsmura/Taller/Tira
|bg=#1a1a2e
|acento=#c9a84c
|icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m
|icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C
|icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Dato clave
|texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988.
|acento=#c9a84c
|bg=rgba(201,168,76,0.08)
|txt=#c9a84c
|txt2=#0d0d0d
}}
{{Usuario:Jsmura/Taller/Stat
|titulo=Lima en cifras
|bg=#0d0d0d
|acento=#c9a84c
|cifra1=10M |label1=Habitantes
|cifra2=1535 |label2=Fundación
|cifra3=43 |label3=Distritos
|cifra4=3°C |label4=Mín. invernal
}}
{{Usuario:Jsmura/Taller/CardVert
|imagen=Plaza mayor de Lima, centro histórico.jpg
|texto=Tradición
|tamaño=20px
|ratio=75%
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100|
{{Usuario:Jsmura/Taller/CardVert
|imagen=Comida criolla y marina peruana.jpg
|texto=Sabor
|tamaño=38px
|ratio=75%
}}
{{Usuario:Jsmura/Taller/Gastronomia
|bg=#1a0d00
|acento=#e65100
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|borde=rgba(255,255,255,0.12)
|titulo=Platos imperdibles
|subtitulo=Costa peruana
|foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche
|lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada
|tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo
|foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado
|lugar2=Todo el país |desc2=Salteado de res con papas y tomate
|tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo
|foto3=Causalimeña.jpg |nombre3=Causa Limeña
|lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo
|tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día
|foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour
|lugar4=Lima |desc4=Cóctel de pisco quebranta con limón
|tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Recomendación
|titulo=Mercado de Surquillo
|texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía.
|acento=#e65100
|bg=rgba(230,81,0,0.08)
|txt=#0d0d0d
|txt2=#0d0d0d
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32|
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Lima esencial
|total=3 días
|bg=#0d1a0d
|acento=#2e7d32
|lugar1=Plaza Mayor de Lima |tiempo1=2 h
|actividad1=Catedral, Palacio de Gobierno y arquitectura colonial
|tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00
|lugar2=Larco Museo|tiempo2=2 h
|actividad2=Colección precolombina más grande del mundo
|tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00
|lugar3=Miraflores|tiempo3=3 h
|actividad3=Malecón, Parque del Amor y acantilados del Pacífico
|tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00
|lugar4=Barranco|tiempo4=2 h
|actividad4=Puente de los Suspiros, galerías y vida nocturna
|tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00
|lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min
|actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo
|tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30
}}
{{Usuario:Jsmura/Taller/Transporte
|bg=#0d1a0d
|acento=#2e7d32
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|titulo=Cómo llegar
|subtitulo=Desde el aeropuerto
|mico1=Airplane silhouette white.svg |medio1=Vuelo internacional
|mdesc1=Hub principal de Sudamérica |mtime1=Directo
|mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse
|mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min
|mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano
|mdesc3=Corredor rápido norte–sur |mtime3=Varía
}}
}}
}}
== Cuzco ==
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946|
{{Usuario:Jsmura/Taller/Card
|imagen=Cusco_plaza_armas.jpg
|enlace=Cusco
|top=[[Cusco]]
|bot=Capital del Tahuantinsuyo
|acento=#e63946
|hover=rgba(30,0,0,0.88)
}}
{{Usuario:Jsmura/Taller/Tira
|bg=#2d0000
|acento=#e63946
|icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m
|icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C
|icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Precaución
|titulo=Mal de altura
|texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas.
|acento=#e63946
|bg=rgba(230,57,70,0.08)
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|variante=filled
}}
{{Usuario:Jsmura/Taller/Cita
|texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva.
|autor=Cronista anónimo
|fuente=Diarios de viaje, s. XX
|bg=#1a0000
|acento=#e63946
|txt=#fff
|txt2=rgba(255,255,255,0.35)
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c|
{{Usuario:Jsmura/Taller/CardVert
|imagen=Machu_picchu_panorama.jpg
|enlace=Machu Picchu
|texto=Machu Picchu
|tamaño=32px
|ratio=85%
}}
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Ruta inca · 4 días
|total=4 días
|bg=#1a1400
|acento=#c9a84c
|lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día
|actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro
|tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1
|lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día
|actividad2=Pisac, Ollantaytambo y mercados artesanales
|tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2
|lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche
|actividad3=Llegada en tren, termas y descanso previo
|tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3
|lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h
|actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu
|tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00
|lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h
|actividad5=Trekkig a 5,200 m con vistas únicas de los Andes
|tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32|
{{Usuario:Jsmura/Taller/Gastronomia
|bg=#0d1a0d
|acento=#2e7d32
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|borde=rgba(255,255,255,0.12)
|titulo=Cocina andina
|subtitulo=Sabores de la sierra
|foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy
|lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas
|tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo
|foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones
|lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají
|tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo
|foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora
|lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral
|tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día
|foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno
|lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado
|tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo
}}
{{Usuario:Jsmura/Taller/Transporte
|bg=#0d1a0d
|acento=#2e7d32
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|titulo=Cómo llegar a Cusco
|subtitulo=Accesos principales
|mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete
|mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min
|mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail
|mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min
|mico3=Icono_bus.png |medio3=Bus panorámico
|mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h
|lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán
|ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km
|lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas
|ldesc2=Pisac, Moray y Salineras |ldist2=26 km
|lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores
|ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km
}}
{{Usuario:Jsmura/Taller/Lista
|titulo=Actividades recomendadas
|bg=#0d1a0d
|acento=#2e7d32
|txt=#fff
|item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días
|item2=Clase de cocina andina |meta2=3 h
|item3=Visita a comunidades quechuas |meta3=Medio día
|item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h
|item5=Planetario de Cusco |meta5=Noche
}}
}}
}}
== Amazonía ==
{{Usuario:Jsmura/Taller/Triptico|
{{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d|
{{Usuario:Jsmura/Taller/Card
|imagen=Amazonas_rio_peru.jpg
|enlace=Amazonas
|top=[[Río Amazonas]]
|bot=El río más caudaloso del mundo
|acento=#4caf7d
|hover=rgba(0,20,10,0.88)
}}
{{Usuario:Jsmura/Taller/Tira
|bg=#0d2d0d
|acento=#4caf7d
|icono1=Icono_altitud.png |label1=Altitud |valor1=106 m
|icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C
|icono3=Icono_fauna.png |label3=Especies |valor3=+50,000
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Dato asombroso
|titulo=Pulmón del planeta
|texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas.
|acento=#4caf7d
|bg=rgba(76,175,125,0.08)
|txt=#fff
|txt2=rgba(255,255,255,0.6)
}}
{{Usuario:Jsmura/Taller/Stat
|titulo=Selva peruana
|bg=#0d1a0d
|acento=#4caf7d
|cifra1=782K |label1=km² de selva
|cifra2=2,000 |label2=Especies de peces
|cifra3=60% |label3=Del territorio
|cifra4=51 |label4=Pueblos indígenas
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a|
{{Usuario:Jsmura/Taller/CardVert
|imagen=Iquitos_rio.jpg
|enlace=Iquitos
|texto=Iquitos
|tamaño=40px
|ratio=70%
}}
{{Usuario:Jsmura/Taller/Itinerario
|titulo=Selva profunda · 5 días
|total=5 días
|bg=#1a2d00
|acento=#8bc34a
|lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día
|actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi
|tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1
|lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h
|actividad2=Avistamiento de aves endémicas y caminata guiada
|tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2
|lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día
|actividad3=Canoa al amanecer, nutrias gigantes y caimanes
|tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3
|lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días
|actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas
|tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5
}}
{{Usuario:Jsmura/Taller/Lista
|titulo=Actividades en la selva
|bg=#1a2d00
|acento=#8bc34a
|txt=#fff
|item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer
|item2=Pesca de pirañas |meta2=Tarde
|item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día
|item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana
|item5=Observación nocturna de fauna |meta5=21:00
|item6=Navegación por caño negro |meta6=Amanecer
}}
}}
{{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00|
{{Usuario:Jsmura/Taller/Gastronomia
|bg=#2d1a00
|acento=#ff8f00
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|borde=rgba(255,255,255,0.12)
|titulo=Sabores amazónicos
|subtitulo=Cocina de la selva
|foto1=Juane.jpg |nombre1=Juane |enlace1=Juane
|lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao
|tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo
|foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho
|lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo
|tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno
|foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima
|lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo
|tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo
|foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo
|lugar4=Selva norte |desc4=Bebida caliente de plátano maduro
|tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno
}}
{{Usuario:Jsmura/Taller/Transporte
|bg=#2d1a00
|acento=#ff8f00
|txt=#fff
|txt2=rgba(255,255,255,0.6)
|titulo=Cómo llegar
|subtitulo=Accesos a la selva
|mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta
|mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min
|mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz
|mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min
|mico3=Icono_barco.png |medio3=Lancha fluvial
|mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía
|lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata
|ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min
|lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval
|ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h
|lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria
|ldesc3=La reserva más grande del Perú |ldist3=120 km
}}
{{Usuario:Jsmura/Taller/Callout
|tipo=Recomendación
|titulo=Mejor época para visitar
|texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares.
|acento=#ff8f00
|bg=rgba(255,143,0,0.08)
|txt=#fff
|txt2=rgba(255,255,255,0.6)
}}
}}
}}
= t =
*[[Usuario:Jsmura/Taller/Triptico]]
*[[Usuario:Jsmura/Taller/Columna]]
*[[Usuario:Jsmura/Taller/Header]]
*[[Usuario:Jsmura/Taller/CardVert]]
*[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS
*[[Usuario:Jsmura/Taller/Card]]
*[[Usuario:Jsmura/Taller/Texto]]
*[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS
*[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS
*[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS
*[[Usuario:Jsmura/Taller/Callout]]
*[[Usuario:Jsmura/Taller/Stat]]
*[[Usuario:Jsmura/Taller/Cita]]
*[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS
*Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista.
*Adjuntar versión para imprimir en pdf?
= Modelo folleto país =
== imágenes==
De cada artículo Importante. De lugares, comidas y ciudades.
== links ==
*Más información - link artículo
*Más información para cada sección? Enlace a su sección
*Sitio oficial turismo: www.peru.travel
== Importante==
*MAPA DINAMICO?
*clima
*Huso horario. UTC-05:00.
*Código telefónico +51.
*Emergencias: 911
**Policía: 105
**Bomberos: 116
**Médico: 111, 117, 106
**Turismo: (+51 1) 574-8000.
*UBER: SÍ
*Idioma: Español
*Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo).
*TC (2026): 1 USD = 3.44 PEN
*Altura (promedio): 1,555 m.s.n.m.
== Llegar ==
*Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR.
*Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete
== comidas ? ==
*cebiche
*pollo a la brasa
*ají de gallina
*lomo saltado
*ajíaco de cuy
== Ciudades principales ==
* {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana.
* {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región.
* {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas.
* {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú.
*LINK - VER MÁS CIUDADES
== Lugares principales/recomendados ==
*{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo.
*{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C.
*{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto.
*{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO.
*LINK - VER MÁS LUGARES
== Festividades/fechas importantes? ==
= Modelo folleto ciudades/lugares =
Estructura:
*Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles.
*¿Agregar itinerarios con actividades específicas?
== segundo ==
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Main|subtitle=Principal}}
{{Selector panel responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Data|subtitle=Temas generales}}
|main content=
{{Selector panel responsive/Content item|id=identificador1|activo=sí|content=
}}
{{Selector panel responsive/Content item|id=identificador2|content=
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive
|butonera=
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Inicio}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Segundo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Tercero}}
|main content=
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content=
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|activo=sí|content=
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|activo=sí|content=
}}
}}
{{Usuario:Jsmura/WVA-Hero
|region=🌎 América del Sur · Sudamérica
|country=Perú
|subcountry=República del Perú
|content=Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.
|badges={{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}}
}}
<!-- ════ FICHA TÉCNICA — stats oscura ════ -->
<div class="wva-ficha" style="position:relative">
<div class="wva-fb">
<div class="wva-fb-t">Presupuesto diario</div>
<div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Seguridad por zona</div>
<div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Calidad transporte</div>
<div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Altitud · Soroche</div>
<div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div>
<div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div>
</div>
<div class="wva-fb">
<div class="wva-fb-t">Datos esenciales</div>
<div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div>
</div>
</div>
<!-- ════ REGIONES ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=region
|icon=🗺️
|title=Regiones
|subtitle=10 regiones turísticas
|content=
<div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div>
<div class="g g-r" style="padding-top:4px;padding-bottom:14px">
<div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div>
<div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div>
<div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div>
<div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div>
<div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div>
<div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div>
<div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div>
<div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div>
<div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div>
<div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div>
</div>
}}
<!-- ════ CIUDADES ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=city
|icon=🏙️
|title=Ciudades principales
|subtitle=9 ciudades
|content=
<div class="g g-a" style="padding-top:12px">
<div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div>
<div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div>
<div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div>
<div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div>
<div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div>
<div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div>
<div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div>
<div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div>
<div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div>
</div>
<div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div>
<div class="g g-2" style="padding-top:6px">
<div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div>
<div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div>
<div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div>
<div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div>
</div>
}}
<!-- ════ LLEGADA Y VISA ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=airplane
|icon=✈️
|title=Llegada y visa
|subtitle=5 vías de entrada
|content=
<div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div>
<div class="g g-a" style="padding-top:0">
<div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div>
<div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div>
<div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div>
<div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div>
<div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div>
</div>
<div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div>
<div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div>
<div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div>
<div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div>
}}
<!-- ════ DINERO ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=money
|icon=💵
|title=Dinero y presupuesto
|content=
<div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div>
<div class="g g-3" style="padding-top:4px">
<div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div>
<div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div>
<div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div>
<div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div>
<div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div>
<div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div>
</div>
}}
<!-- ════ SEGURIDAD ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=warning
|icon=🚨
|title=Alertas de seguridad
|content=
<div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div>
<div class="g g-2" style="padding-top:4px">
<div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div>
<div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div>
<div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div>
<div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div>
</div>
}}
<!-- ════ CÓMO MOVERSE ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=move
|icon=🏃
|title=Cómo moverse
|content=
<div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div>
<div class="g g-3" style="padding-top:4px">
<div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div>
<div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div>
<div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div>
</div>
<div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div>
<div class="g g-2" style="padding-top:4px">
<div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div>
<div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div>
</div>
<div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div>
<div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div>
<div class="g g-a" style="padding-top:4px;padding-bottom:12px">
<div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div>
<div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div>
<div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div>
<div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div>
</div>
}}
<!-- ════ GASTRONOMÍA ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=food
|icon=🍽️
|title=Gastronomía
|subtitle=Lo que sí debes saber
|content=
<div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div>
<div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div>
<div class="g g-2 wva-list">
<div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div>
<div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div>
<div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div>
<div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div>
</div>
<div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div>
<div class="g g-a" style="padding-top:4px">
<div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div>
<div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div>
<div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div>
</div>
<div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div>
}}
<!-- ════ SECRETOS (talent cards) ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=secret
|icon=💡
|title=Secretos y datos locales
|subtitle=Lo que no te cuentan
|content=
<div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div>
<div class="g g-3" style="padding-top:4px">
<div class="tcard hot">
<div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div>
<div class="tcard-title">Iperú — Tu aliado gratuito</div>
<div class="tcard-stats">
<div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div>
<div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div>
</div>
<div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div>
<div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div>
</div>
<div class="tcard">
<div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div>
<div class="tcard-title">«Gringo» — sin ofensa</div>
<div class="tcard-stats">
<div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div>
<div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div>
</div>
<div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div>
<div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div>
</div>
<div class="tcard">
<div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div>
<div class="tcard-title">No digas «senderismo» fuera de contexto</div>
<div class="tcard-stats">
<div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div>
</div>
<div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div>
<div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div>
</div>
<div class="tcard">
<div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div>
<div class="tcard-title">Electricidad 220V · Enchufes A/B</div>
<div class="tcard-stats">
<div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div>
</div>
<div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div>
<div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div>
</div>
<div class="tcard">
<div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div>
<div class="tcard-title">Cuándo ir y cuándo evitar</div>
<div class="tcard-stats">
<div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div>
<div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div>
</div>
<div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div>
<div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div>
</div>
<div class="tcard">
<div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div>
<div class="tcard-title">Español costeño: el más claro</div>
<div class="tcard-stats">
<div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div>
</div>
<div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div>
<div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div>
</div>
</div>
}}
<!-- ════ SALUD ════ -->
{{Usuario:Jsmura/WVA-Seccion
|type=health
|icon=⚕️
|title=Salud
|subtitle=Información médica práctica
|content=
<div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div>
<div class="g g-2" style="padding-top:4px">
<div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div>
<div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div>
<div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div>
<div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div>
</div>
}}
qihbo50cfkmfhskqnrfhwsc6oot7t7x
Wikiviajes:Usuarios activos
4
16437
253840
253714
2026-05-23T12:01:56Z
Jembot
2355
Bot: Actualizando ranking
253840
wikitext
text/x-wiki
{{/begin|15}}
|-
| 1 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:89}}]]
|-
| 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:Leispi|Leispi]] || [[Special:Contributions/Leispi|{{formatnum:4}}]]
|-
| 15 || [[User:CalifaPurpura|CalifaPurpura]] || [[Special:Contributions/CalifaPurpura|{{formatnum:4}}]]
{{/end}}
aqipsrw3qrq2r6rs0lx37be8jm6iz0b
Usuario:Jsmura/common.css
2
18363
253842
253827
2026-05-23T15:44:18Z
Jsmura
5370
253842
css
text/css
/* ════════════════════════════════
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*="action=edit"]):not([href*="section="])::after,
.config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::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;
}
/* ════════════════════════════════════════════════════════
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;
}
/* ════════════════════════════════
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); }
}
/* ════════════════════════════════════════════════════════
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;
}
.selector-panel-sidebar {
border-right: none;
border-bottom: 0.5px solid #dde6ef;
flex-direction: row;
flex-wrap: wrap;
padding: 8px;
gap: 6px;
}
.selector-panel-sidebar-label,
.selector-panel-sidebar-foot { display: none; }
.selector-panel-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 */
.selector-panel-item.active::after { display: none; }
.selector-panel-item.active { border-bottom: 2px solid #006699; }
.selector-panel-item-icon img { margin: 0 auto; }
.selector-panel-item-hint { display: none; }
.selector-panel-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) {
.selector-panel-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
SELECTOR PANEL (20% / 80%)
════════════════════════════════ */
.selector-panel-sidebar {
background: #f5f7fa;
border-right: 0.5px solid #dde6ef;
padding: 10px 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.selector-panel-sidebar-label {
font-size: 11px;
font-weight: 700;
color: #9aa5b4;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.selector-panel-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;
}
.selector-panel-item:hover {
background: #fff;
border-color: #c5d0dc;
}
.selector-panel-item.active {
background: #fff;
border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.selector-panel-item.active::after {
content: '';
position: absolute;
right: -1px;
top: 20%;
height: 60%;
width: 2.5px;
background: #006699;
border-radius: 2px 0 0 2px;
}
.selector-panel-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 */
.selector-panel-item-icon img {
width: 22px;
height: auto;
display: block;
opacity: 0.55;
transition: opacity 0.15s;
}
.selector-panel-item.active .selector-panel-item-icon { color: #006699; }
.selector-panel-item.active .selector-panel-item-icon img { opacity: 1; }
.selector-panel-item-name {
font-size: 13px;
font-weight: 700;
color: #334155;
line-height: 1.3;
}
.selector-panel-item-hint {
font-size: 11px;
color: #9aa5b4;
margin-top: 1px;
}
/* Hint inferior del sidebar */
.selector-panel-sidebar-foot {
font-size: 11px;
color: #b0bec5;
text-align: center;
padding: 6px 0 2px;
margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.selector-panel-content {
padding: 20px 24px;
overflow-y: auto;
min-height: 300px;
}
.selector-panel-panel { display: none; }
.selector-panel-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 > * {
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 > * { 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; }
}
0glc4ne5wsh94de8wnkyxrhjeeka485
253863
253842
2026-05-23T16:06:02Z
Jsmura
5370
253863
css
text/css
/* ════════════════════════════════
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*="action=edit"]):not([href*="section="])::after,
.config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::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;
}
/* ════════════════════════════════════════════════════════
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;
}
/* ════════════════════════════════
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
════════════════════════════════ */
.banner-basic {
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;
}
.banner-basic:hover {
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.banner-basic-mascot { width: 90px; display: flex; align-items: center; justify-content: center; }
.banner-basic-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.banner-basic-mascot figure { float: none !important; margin: 0 !important; }
.banner-basic-content { min-width: 0; }
.banner-basic-title {
font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.banner-basic-text { font-size: 0.82rem; line-height: 1.57; }
.banner-basic-text a { font-weight: 700; }
.banner-basic-t-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.banner-basic-t-error .banner-basic-title { color: #A32D2D; }
.banner-basic-t-error a { color: #A32D2D; }
.banner-basic-t-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.banner-basic-t-warn .banner-basic-title { color: #7a4a00; }
.banner-basic-t-warn a { color: #854F0B; }
.banner-basic-t-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.banner-basic-t-tip .banner-basic-title { color: #0F6E56; }
.banner-basic-t-tip a { color: #085041; }
.banner-basic-t-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.banner-basic-t-info .banner-basic-title { color: #006699; }
.banner-basic-t-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); }
}
/* ════════════════════════════════════════════════════════
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;
}
.banner-basic {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.callout-sable-mascot,
.banner-basic-mascot {
width: auto;
}
.callout-sable-content,
.banner-basic-content {
width: 100%;
text-align: left; /* el texto interior alineado a la izquierda */
}
.callout-sable-title,
.banner-basic-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;
}
.selector-panel-sidebar {
border-right: none;
border-bottom: 0.5px solid #dde6ef;
flex-direction: row;
flex-wrap: wrap;
padding: 8px;
gap: 6px;
}
.selector-panel-sidebar-label,
.selector-panel-sidebar-foot { display: none; }
.selector-panel-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 */
.selector-panel-item.active::after { display: none; }
.selector-panel-item.active { border-bottom: 2px solid #006699; }
.selector-panel-item-icon img { margin: 0 auto; }
.selector-panel-item-hint { display: none; }
.selector-panel-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) {
.selector-panel-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
SELECTOR PANEL (20% / 80%)
════════════════════════════════ */
.selector-panel-sidebar {
background: #f5f7fa;
border-right: 0.5px solid #dde6ef;
padding: 10px 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.selector-panel-sidebar-label {
font-size: 11px;
font-weight: 700;
color: #9aa5b4;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.selector-panel-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;
}
.selector-panel-item:hover {
background: #fff;
border-color: #c5d0dc;
}
.selector-panel-item.active {
background: #fff;
border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.selector-panel-item.active::after {
content: '';
position: absolute;
right: -1px;
top: 20%;
height: 60%;
width: 2.5px;
background: #006699;
border-radius: 2px 0 0 2px;
}
.selector-panel-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 */
.selector-panel-item-icon img {
width: 22px;
height: auto;
display: block;
opacity: 0.55;
transition: opacity 0.15s;
}
.selector-panel-item.active .selector-panel-item-icon { color: #006699; }
.selector-panel-item.active .selector-panel-item-icon img { opacity: 1; }
.selector-panel-item-name {
font-size: 13px;
font-weight: 700;
color: #334155;
line-height: 1.3;
}
.selector-panel-item-hint {
font-size: 11px;
color: #9aa5b4;
margin-top: 1px;
}
/* Hint inferior del sidebar */
.selector-panel-sidebar-foot {
font-size: 11px;
color: #b0bec5;
text-align: center;
padding: 6px 0 2px;
margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.selector-panel-content {
padding: 20px 24px;
overflow-y: auto;
min-height: 300px;
}
.selector-panel-panel { display: none; }
.selector-panel-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 > * {
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 > * { 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; }
}
cgnc7nv2lgqci54jb69q1b9khqbgkd1
253875
253863
2026-05-23T16:18:04Z
Jsmura
5370
253875
css
text/css
/* ════════════════════════════════
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*="action=edit"]):not([href*="section="])::after,
.config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::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;
}
/* ════════════════════════════════════════════════════════
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;
}
/* ════════════════════════════════
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
════════════════════════════════ */
.banner-basic {
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;
}
.banner-basic:hover {
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.banner-basic-mascot { width: 90px; display: flex; align-items: center; justify-content: center; }
.banner-basic-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.banner-basic-mascot figure { float: none !important; margin: 0 !important; }
.banner-basic-content { min-width: 0; }
.banner-basic-title {
font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.banner-basic-text { font-size: 0.82rem; line-height: 1.57; }
.banner-basic-text a { font-weight: 700; }
.banner-basic-t-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.banner-basic-t-error .banner-basic-title { color: #A32D2D; }
.banner-basic-t-error a { color: #A32D2D; }
.banner-basic-t-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.banner-basic-t-warn .banner-basic-title { color: #7a4a00; }
.banner-basic-t-warn a { color: #854F0B; }
.banner-basic-t-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.banner-basic-t-tip .banner-basic-title { color: #0F6E56; }
.banner-basic-t-tip a { color: #085041; }
.banner-basic-t-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.banner-basic-t-info .banner-basic-title { color: #006699; }
.banner-basic-t-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
════════════════════════════════ */
.card-info-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;
}
.card-info-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,60,100,0.12);
border-color: #006699;
}
.card-info-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;
}
.card-info-card:hover::after { transform: scale(1.4); }
.card-info-card-top { display: flex; align-items: center; gap: 0.8rem; }
.card-info-icon { flex-shrink: 0; }
.card-info-icon img { width: 70px; height: auto; }
.card-info-card-title {
font-size: 1.06rem; font-weight: 800; color: #003d5c;
margin: 0; padding: 0; border: none;
}
.card-info-desc { font-size: 0.84rem; color: #445; line-height: 1.57; }
.card-info-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.card-info-t-destino { border-top: 4px solid #006699; }
.card-info-t-tematico { border-top: 4px solid #534AB7; }
.card-info-t-itinerario { border-top: 4px solid #1D9E75; }
.card-info-t-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); }
}
/* ════════════════════════════════════════════════════════
RESPONSIVE (GENERAL)
════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
.hero-mascot-title { font-size: 1.45rem; }
.card-info-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;
}
.banner-basic {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.callout-sable-mascot,
.banner-basic-mascot {
width: auto;
}
.callout-sable-content,
.banner-basic-content {
width: 100%;
text-align: left; /* el texto interior alineado a la izquierda */
}
.callout-sable-title,
.banner-basic-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;
}
.selector-panel-sidebar {
border-right: none;
border-bottom: 0.5px solid #dde6ef;
flex-direction: row;
flex-wrap: wrap;
padding: 8px;
gap: 6px;
}
.selector-panel-sidebar-label,
.selector-panel-sidebar-foot { display: none; }
.selector-panel-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 */
.selector-panel-item.active::after { display: none; }
.selector-panel-item.active { border-bottom: 2px solid #006699; }
.selector-panel-item-icon img { margin: 0 auto; }
.selector-panel-item-hint { display: none; }
.selector-panel-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) {
.selector-panel-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
SELECTOR PANEL (20% / 80%)
════════════════════════════════ */
.selector-panel-sidebar {
background: #f5f7fa;
border-right: 0.5px solid #dde6ef;
padding: 10px 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.selector-panel-sidebar-label {
font-size: 11px;
font-weight: 700;
color: #9aa5b4;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.selector-panel-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;
}
.selector-panel-item:hover {
background: #fff;
border-color: #c5d0dc;
}
.selector-panel-item.active {
background: #fff;
border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.selector-panel-item.active::after {
content: '';
position: absolute;
right: -1px;
top: 20%;
height: 60%;
width: 2.5px;
background: #006699;
border-radius: 2px 0 0 2px;
}
.selector-panel-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 */
.selector-panel-item-icon img {
width: 22px;
height: auto;
display: block;
opacity: 0.55;
transition: opacity 0.15s;
}
.selector-panel-item.active .selector-panel-item-icon { color: #006699; }
.selector-panel-item.active .selector-panel-item-icon img { opacity: 1; }
.selector-panel-item-name {
font-size: 13px;
font-weight: 700;
color: #334155;
line-height: 1.3;
}
.selector-panel-item-hint {
font-size: 11px;
color: #9aa5b4;
margin-top: 1px;
}
/* Hint inferior del sidebar */
.selector-panel-sidebar-foot {
font-size: 11px;
color: #b0bec5;
text-align: center;
padding: 6px 0 2px;
margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.selector-panel-content {
padding: 20px 24px;
overflow-y: auto;
min-height: 300px;
}
.selector-panel-panel { display: none; }
.selector-panel-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 > * {
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 > * { 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; }
}
fcxquh9k12krfaoor6la63x28merg2a
253879
253875
2026-05-23T16:47:03Z
Jsmura
5370
253879
css
text/css
/* ════════════════════════════════
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*="action=edit"]):not([href*="section="])::after,
.config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::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;
}
/* ════════════════════════════════════════════════════════
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;
}
/* ════════════════════════════════
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
════════════════════════════════ */
.banner-basic {
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;
}
.banner-basic:hover {
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.banner-basic-mascot { width: 90px; display: flex; align-items: center; justify-content: center; }
.banner-basic-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.banner-basic-mascot figure { float: none !important; margin: 0 !important; }
.banner-basic-content { min-width: 0; }
.banner-basic-title {
font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.banner-basic-text { font-size: 0.82rem; line-height: 1.57; }
.banner-basic-text a { font-weight: 700; }
.banner-basic-t-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.banner-basic-t-error .banner-basic-title { color: #A32D2D; }
.banner-basic-t-error a { color: #A32D2D; }
.banner-basic-t-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.banner-basic-t-warn .banner-basic-title { color: #7a4a00; }
.banner-basic-t-warn a { color: #854F0B; }
.banner-basic-t-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.banner-basic-t-tip .banner-basic-title { color: #0F6E56; }
.banner-basic-t-tip a { color: #085041; }
.banner-basic-t-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.banner-basic-t-info .banner-basic-title { color: #006699; }
.banner-basic-t-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
════════════════════════════════ */
.card-info-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;
}
.card-info-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,60,100,0.12);
border-color: #006699;
}
.card-info-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;
}
.card-info-card:hover::after { transform: scale(1.4); }
.card-info-card-top { display: flex; align-items: center; gap: 0.8rem; }
.card-info-icon { flex-shrink: 0; }
.card-info-icon img { width: 70px; height: auto; }
.card-info-card-title {
font-size: 1.06rem; font-weight: 800; color: #003d5c;
margin: 0; padding: 0; border: none;
}
.card-info-desc { font-size: 0.84rem; color: #445; line-height: 1.57; }
.card-info-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.card-info-t-destino { border-top: 4px solid #006699; }
.card-info-t-tematico { border-top: 4px solid #534AB7; }
.card-info-t-itinerario { border-top: 4px solid #1D9E75; }
.card-info-t-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
════════════════════════════════ */
.card-info-small {
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;
}
.card-info-small:hover {
transform: translateY(-2px);
border-color: #006699;
box-shadow: 0 4px 14px rgba(0,102,153,0.12);
}
.card-info-small-icon img { width: 80px; height: auto; margin: 0 auto; }
.card-info-small-title { font-size: 0.8rem; font-weight: 800; margin: 0; }
.card-info-small p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.card-info-small-n-1 { background: #fff; border-color: #dde6ef; color: inherit; }
.card-info-small-n-2 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.card-info-small-n-3 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.card-info-small-n-4 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.card-info-small-n-5 { background: #FAEEDA; border-color: #EF9F27; color: #412402; }
/* ════════════════════════════════
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; }
/* ════════════════════════════════
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;
}
/* ════════════════════════════════
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); }
}
/* ════════════════════════════════════════════════════════
RESPONSIVE (GENERAL)
════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
.hero-mascot-title { font-size: 1.45rem; }
.cols-4-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;
}
.banner-basic {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.callout-sable-mascot,
.banner-basic-mascot {
width: auto;
}
.callout-sable-content,
.banner-basic-content {
width: 100%;
text-align: left; /* el texto interior alineado a la izquierda */
}
.callout-sable-title,
.banner-basic-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;
}
.selector-panel-sidebar {
border-right: none;
border-bottom: 0.5px solid #dde6ef;
flex-direction: row;
flex-wrap: wrap;
padding: 8px;
gap: 6px;
}
.selector-panel-sidebar-label,
.selector-panel-sidebar-foot { display: none; }
.selector-panel-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 */
.selector-panel-item.active::after { display: none; }
.selector-panel-item.active { border-bottom: 2px solid #006699; }
.selector-panel-item-icon img { margin: 0 auto; }
.selector-panel-item-hint { display: none; }
.selector-panel-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; }
.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) {
.selector-panel-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
SELECTOR PANEL (20% / 80%)
════════════════════════════════ */
.selector-panel-sidebar {
background: #f5f7fa;
border-right: 0.5px solid #dde6ef;
padding: 10px 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.selector-panel-sidebar-label {
font-size: 11px;
font-weight: 700;
color: #9aa5b4;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.selector-panel-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;
}
.selector-panel-item:hover {
background: #fff;
border-color: #c5d0dc;
}
.selector-panel-item.active {
background: #fff;
border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.selector-panel-item.active::after {
content: '';
position: absolute;
right: -1px;
top: 20%;
height: 60%;
width: 2.5px;
background: #006699;
border-radius: 2px 0 0 2px;
}
.selector-panel-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 */
.selector-panel-item-icon img {
width: 22px;
height: auto;
display: block;
opacity: 0.55;
transition: opacity 0.15s;
}
.selector-panel-item.active .selector-panel-item-icon { color: #006699; }
.selector-panel-item.active .selector-panel-item-icon img { opacity: 1; }
.selector-panel-item-name {
font-size: 13px;
font-weight: 700;
color: #334155;
line-height: 1.3;
}
.selector-panel-item-hint {
font-size: 11px;
color: #9aa5b4;
margin-top: 1px;
}
/* Hint inferior del sidebar */
.selector-panel-sidebar-foot {
font-size: 11px;
color: #b0bec5;
text-align: center;
padding: 6px 0 2px;
margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.selector-panel-content {
padding: 20px 24px;
overflow-y: auto;
min-height: 300px;
}
.selector-panel-panel { display: none; }
.selector-panel-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 > * {
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 > * { 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; }
}
a566weyqag251kpmidwgkle1g2crrg5
253885
253879
2026-05-23T16:53:02Z
Jsmura
5370
253885
css
text/css
/* ════════════════════════════════
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*="action=edit"]):not([href*="section="])::after,
.config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::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;
}
/* ════════════════════════════════════════════════════════
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;
}
/* ════════════════════════════════
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
════════════════════════════════ */
.banner-basic {
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;
}
.banner-basic:hover {
transform: translateY(-2px);
box-shadow: 0 4px 14px rgba(0,0,0,0.09);
}
.banner-basic-mascot { width: 90px; display: flex; align-items: center; justify-content: center; }
.banner-basic-mascot img { width: 90px; height: auto; display: block; }
/* Neutralizar float que MediaWiki aplica a figure por defecto */
.banner-basic-mascot figure { float: none !important; margin: 0 !important; }
.banner-basic-content { min-width: 0; }
.banner-basic-title {
font-weight: 800; font-size: 0.79rem; text-transform: uppercase;
letter-spacing: 0.06em; margin-bottom: 0.28rem;
}
.banner-basic-text { font-size: 0.82rem; line-height: 1.57; }
.banner-basic-text a { font-weight: 700; }
.banner-basic-t-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; }
.banner-basic-t-error .banner-basic-title { color: #A32D2D; }
.banner-basic-t-error a { color: #A32D2D; }
.banner-basic-t-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; }
.banner-basic-t-warn .banner-basic-title { color: #7a4a00; }
.banner-basic-t-warn a { color: #854F0B; }
.banner-basic-t-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; }
.banner-basic-t-tip .banner-basic-title { color: #0F6E56; }
.banner-basic-t-tip a { color: #085041; }
.banner-basic-t-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; }
.banner-basic-t-info .banner-basic-title { color: #006699; }
.banner-basic-t-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
════════════════════════════════ */
.card-info-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;
}
.card-info-card:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgba(0,60,100,0.12);
border-color: #006699;
}
.card-info-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;
}
.card-info-card:hover::after { transform: scale(1.4); }
.card-info-card-top { display: flex; align-items: center; gap: 0.8rem; }
.card-info-icon { flex-shrink: 0; }
.card-info-icon img { width: 70px; height: auto; }
.card-info-card-title {
font-size: 1.06rem; font-weight: 800; color: #003d5c;
margin: 0; padding: 0; border: none;
}
.card-info-desc { font-size: 0.84rem; color: #445; line-height: 1.57; }
.card-info-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; }
.card-info-t-destino { border-top: 4px solid #006699; }
.card-info-t-tematico { border-top: 4px solid #534AB7; }
.card-info-t-itinerario { border-top: 4px solid #1D9E75; }
.card-info-t-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
════════════════════════════════ */
.card-info-small {
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;
}
.card-info-small:hover {
transform: translateY(-2px);
border-color: #006699;
box-shadow: 0 4px 14px rgba(0,102,153,0.12);
}
.card-info-small-icon img { width: 80px; height: auto; margin: 0 auto; }
.card-info-small-title { font-size: 0.8rem; font-weight: 800; margin: 0; }
.card-info-small p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; }
.card-info-small-n-1 { background: #fff; border-color: #dde6ef; color: inherit; }
.card-info-small-n-2 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; }
.card-info-small-n-3 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; }
.card-info-small-n-4 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; }
.card-info-small-n-5 { 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;
}
/* ════════════════════════════════
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); }
}
/* ════════════════════════════════════════════════════════
RESPONSIVE (GENERAL)
════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
.hero-mascot-title { font-size: 1.45rem; }
.cols-4-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;
}
.banner-basic {
grid-template-columns: 1fr;
justify-items: center;
text-align: center;
}
.callout-sable-mascot,
.banner-basic-mascot {
width: auto;
}
.callout-sable-content,
.banner-basic-content {
width: 100%;
text-align: left; /* el texto interior alineado a la izquierda */
}
.callout-sable-title,
.banner-basic-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;
}
.selector-panel-sidebar {
border-right: none;
border-bottom: 0.5px solid #dde6ef;
flex-direction: row;
flex-wrap: wrap;
padding: 8px;
gap: 6px;
}
.selector-panel-sidebar-label,
.selector-panel-sidebar-foot { display: none; }
.selector-panel-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 */
.selector-panel-item.active::after { display: none; }
.selector-panel-item.active { border-bottom: 2px solid #006699; }
.selector-panel-item-icon img { margin: 0 auto; }
.selector-panel-item-hint { display: none; }
.selector-panel-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; }
.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) {
.selector-panel-item { flex: 1 1 100%; }
}
/* ════════════════════════════════
SELECTOR PANEL (20% / 80%)
════════════════════════════════ */
.selector-panel-sidebar {
background: #f5f7fa;
border-right: 0.5px solid #dde6ef;
padding: 10px 8px;
display: flex;
flex-direction: column;
gap: 4px;
}
.selector-panel-sidebar-label {
font-size: 11px;
font-weight: 700;
color: #9aa5b4;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 4px 8px 8px;
}
/* ── Item del sidebar ── */
.selector-panel-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;
}
.selector-panel-item:hover {
background: #fff;
border-color: #c5d0dc;
}
.selector-panel-item.active {
background: #fff;
border-color: #aec5d8;
}
/* Línea indicadora derecha (desktop) */
.selector-panel-item.active::after {
content: '';
position: absolute;
right: -1px;
top: 20%;
height: 60%;
width: 2.5px;
background: #006699;
border-radius: 2px 0 0 2px;
}
.selector-panel-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 */
.selector-panel-item-icon img {
width: 22px;
height: auto;
display: block;
opacity: 0.55;
transition: opacity 0.15s;
}
.selector-panel-item.active .selector-panel-item-icon { color: #006699; }
.selector-panel-item.active .selector-panel-item-icon img { opacity: 1; }
.selector-panel-item-name {
font-size: 13px;
font-weight: 700;
color: #334155;
line-height: 1.3;
}
.selector-panel-item-hint {
font-size: 11px;
color: #9aa5b4;
margin-top: 1px;
}
/* Hint inferior del sidebar */
.selector-panel-sidebar-foot {
font-size: 11px;
color: #b0bec5;
text-align: center;
padding: 6px 0 2px;
margin-top: auto;
}
/* ── Panel de contenido (70%) ── */
.selector-panel-content {
padding: 20px 24px;
overflow-y: auto;
min-height: 300px;
}
.selector-panel-panel { display: none; }
.selector-panel-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 > * {
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 > * { 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; }
}
3dp202veudesb5imbs6rcz4rxuzi5oc
Usuario:Jsmura/common.js
2
18396
253861
253761
2026-05-23T15:58:49Z
Jsmura
5370
253861
javascript
text/javascript
document.querySelectorAll('.accordion-clicky').forEach(question => {
question.addEventListener('click', () => {
const id = question.dataset.aco;
document.querySelectorAll('.accordion-content').forEach(answer => {
answer.classList.remove('active');
});
const target = document.querySelector(`.accordion-content[data-aco="${id}"]`);
if (target) {
target.classList.add('active');
}
});
});
document.querySelectorAll('.selector-panel-item').forEach(function(item) {
item.addEventListener('click', function() {
var target = this.dataset.panel;
document.querySelectorAll('.selector-panel-item').forEach(function(i) { i.classList.remove('active'); });
document.querySelectorAll('.selector-panel-panel').forEach(function(p) { p.classList.remove('active'); });
this.classList.add('active');
var panel = document.getElementById('selector-panel-' + 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 && 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 = '<span class="doc-simple-brace">{{</span>'
+ '<span class="doc-simple-blockname">' + nombre + '</span>';
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 = '<span class="doc-simple-pipe">|</span>'
+ '<span class="doc-simple-key">' + key + '</span>'
+ '<span class="doc-simple-eq">=</span>'
+ '<span class="doc-simple-example-val">' + ejemplo + '</span>';
params.appendChild(div);
});
block.appendChild(params);
var close = document.createElement('div');
close.className = 'doc-simple-block-close';
close.innerHTML = '<span class="doc-simple-brace">}}</span>';
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="syntax"]');
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 < 2; rep++) {
for (var i = 0; i < seq.length * 4; i++) {
html += '<span class="hs hs-' + seq[i % seq.length] + '"></span>';
}
}
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 < 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="' + targetId + '"]');
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' && 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 <pre> 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 && 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();
}
}());
s8cc8p2o2pjftglyjvyrbrtfmt3z9u1
Plantilla:Banner basic responsive
10
18399
253864
253374
2026-05-23T16:06:08Z
Jsmura
5370
253864
wikitext
text/x-wiki
<div class="config-general banner-basic banner-basic-t-{{{type|error}}}">
<div class="banner-basic-mascot">[[Archivo:{{{img|Wiki Sable Chibi Thinking.png}}}|link=|alt=]]</div>
<div class="banner-basic-content">
<div class="banner-basic-title">{{{title|🚫 Sin copias — evita el plagio}}}</div>
<div class="banner-basic-text">{{{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.}}}</div>
</div>
</div><noinclude>{{DocSimple
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{DocParam|type|req|error / warn / tip /info / purple|info}}
{{DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{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.}}
}}</noinclude>
dfvgrxjeklcix1d35r40ej310b2zo3l
253865
253864
2026-05-23T16:06:26Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Banner responsive]] a [[Plantilla:Banner basic responsive]]
253864
wikitext
text/x-wiki
<div class="config-general banner-basic banner-basic-t-{{{type|error}}}">
<div class="banner-basic-mascot">[[Archivo:{{{img|Wiki Sable Chibi Thinking.png}}}|link=|alt=]]</div>
<div class="banner-basic-content">
<div class="banner-basic-title">{{{title|🚫 Sin copias — evita el plagio}}}</div>
<div class="banner-basic-text">{{{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.}}}</div>
</div>
</div><noinclude>{{DocSimple
|nombre=Banner responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{DocParam|type|req|error / warn / tip /info / purple|info}}
{{DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{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.}}
}}</noinclude>
dfvgrxjeklcix1d35r40ej310b2zo3l
253869
253865
2026-05-23T16:09:26Z
Jsmura
5370
253869
wikitext
text/x-wiki
<div class="config-general banner-basic banner-basic-t-{{{type|error}}}">
<div class="banner-basic-mascot">[[Archivo:{{{img|Wiki Sable Chibi Thinking.png}}}|link=|alt=]]</div>
<div class="banner-basic-content">
<div class="banner-basic-title">{{{title|🚫 Sin copias — evita el plagio}}}</div>
<div class="banner-basic-text">{{{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.}}}</div>
</div>
</div><noinclude>{{Banner basic responsive/doc}}</noinclude>
2d66sdnkdiouo7hysa6d5ztl741dgr7
Plantilla:Card info responsive
10
18401
253871
253452
2026-05-23T16:16:47Z
Jsmura
5370
253871
wikitext
text/x-wiki
<div class="config-general card-info-card card-info-t-{{{type|destino}}}">
<div class="card-info-card-top">
{{#if:{{{img|}}}|<div class="card-info-icon">[[Archivo:{{{img}}}|link=|alt=Img]]</div>}}
<div class="card-info-card-title">{{{title|🏙️ Destino}}}</div></div>
<div class="card-info-desc">{{{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.}}}</div>
{{#if:{{{subcontent|}}}|<div class="card-info-ej">{{{subcontent}}}</div>}}
</div><noinclude>{{DocSimple
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||🏙️ Destino}}
{{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.}}
{{DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}</noinclude>
1qn27mmfo26y0niosgbhcs512f36eag
253872
253871
2026-05-23T16:16:57Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Card info responsive]] a [[Plantilla:Card info responsive]]
253871
wikitext
text/x-wiki
<div class="config-general card-info-card card-info-t-{{{type|destino}}}">
<div class="card-info-card-top">
{{#if:{{{img|}}}|<div class="card-info-icon">[[Archivo:{{{img}}}|link=|alt=Img]]</div>}}
<div class="card-info-card-title">{{{title|🏙️ Destino}}}</div></div>
<div class="card-info-desc">{{{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.}}}</div>
{{#if:{{{subcontent|}}}|<div class="card-info-ej">{{{subcontent}}}</div>}}
</div><noinclude>{{DocSimple
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||🏙️ Destino}}
{{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.}}
{{DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}</noinclude>
1qn27mmfo26y0niosgbhcs512f36eag
253877
253872
2026-05-23T16:18:40Z
Jsmura
5370
253877
wikitext
text/x-wiki
<div class="config-general card-info-card card-info-t-{{{type|destino}}}">
<div class="card-info-card-top">
{{#if:{{{img|}}}|<div class="card-info-icon">[[Archivo:{{{img}}}|link=|alt=Img]]</div>}}
<div class="card-info-card-title">{{{title|🏙️ Destino}}}</div></div>
<div class="card-info-desc">{{{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.}}}</div>
{{#if:{{{subcontent|}}}|<div class="card-info-ej">{{{subcontent}}}</div>}}
</div><noinclude>{{Card info responsive/doc}}</noinclude>
jt2kkkqqbp2yw7dpa0vktu0io2c1yb9
Plantilla:Card info small responsive
10
18405
253880
253378
2026-05-23T16:47:26Z
Jsmura
5370
253880
wikitext
text/x-wiki
<div class="config-general card-info-small card-info-small-n-{{{type|1}}}">
{{#if:{{{img|}}}|<div class="card-info-small-icon">[[Archivo:{{{img}}}|link=|alt=]]</div>}}
<div class="card-info-small-title">{{{title|📄 Esbozo}}}</div>
<p>{{{content|Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}}</p>
</div><noinclude>{{DocSimple
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{DocParam|type|req|1 / 2 / 3 / 4|1}}
{{DocParam|img|opt||Wikivoyage-logo.svg}}
{{DocParam|title|req||📄 Esbozo}}
{{DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}</noinclude>
sgcnyw7bmx0vq5fooexs39dn36qtfla
253881
253880
2026-05-23T16:47:35Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Card info small responsive]] a [[Plantilla:Card info small responsive]]
253880
wikitext
text/x-wiki
<div class="config-general card-info-small card-info-small-n-{{{type|1}}}">
{{#if:{{{img|}}}|<div class="card-info-small-icon">[[Archivo:{{{img}}}|link=|alt=]]</div>}}
<div class="card-info-small-title">{{{title|📄 Esbozo}}}</div>
<p>{{{content|Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}}</p>
</div><noinclude>{{DocSimple
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{DocParam|type|req|1 / 2 / 3 / 4|1}}
{{DocParam|img|opt||Wikivoyage-logo.svg}}
{{DocParam|title|req||📄 Esbozo}}
{{DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}
}}</noinclude>
sgcnyw7bmx0vq5fooexs39dn36qtfla
253884
253881
2026-05-23T16:52:20Z
Jsmura
5370
253884
wikitext
text/x-wiki
<div class="config-general card-info-small card-info-small-n-{{{type|1}}}">
{{#if:{{{img|1}}}|<div class="card-info-small-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link={{{link|}}}|alt=]]</div>}}
<div class="card-info-small-title">{{#if:{{{link|}}}
|[[{{{link}}}|{{{title|☕ Taberna de la comunidad}}}]]
|{{{title|☕ Taberna de la comunidad}}}}}</div>
<p>{{{content|El espacio principal de debate y consultas de la comunidad de Wikiviajes}}}</p>
</div><noinclude>{{DocSimple
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{DocParam|type|req|1 / 2 / 3 / 4 / 5|1}}
{{DocParam|img|opt||Wikivoyage-logo.svg}}
{{DocParam|link|req||Wikiviajes:Taberna}}
{{DocParam|title|req||📄 Esbozo}}
{{DocParam|content|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}</noinclude>
0x4vbeo26pk30xcuyur473lempagwvx
253887
253884
2026-05-23T16:54:10Z
Jsmura
5370
253887
wikitext
text/x-wiki
<div class="config-general card-info-small card-info-small-n-{{{type|1}}}">
{{#if:{{{img|}}}|<div class="card-info-small-icon">[[Archivo:{{{img}}}|link={{{link|}}}|alt=]]</div>}}
<div class="card-info-small-title">{{#if:{{{link|}}}
|[[{{{link}}}|{{{title|☕ Taberna de la comunidad}}}]]
|{{{title|☕ Taberna de la comunidad}}}}}</div>
<p>{{{content|El espacio principal de debate y consultas de la comunidad de Wikiviajes}}}</p>
</div><noinclude>{{Card info small responsive/doc}}</noinclude>
klcrzdlqy441li9xh158bhhk0lwoiey
Ayuda:Framework para el diseño de páginas
12
18406
253862
253834
2026-05-23T15:59:02Z
Jsmura
5370
253862
wikitext
text/x-wiki
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<br/>de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Selector panel 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}}
{{Selector panel 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}}
{{Selector panel responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Selector panel responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}}
{{Selector panel responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Selector panel responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Selector panel responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Selector panel responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}
|main content=
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id9|content=
{{{!}} class="table-awesome"
! 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 <pre>class="table-awesome"</pre>
}}
{{DocCopiar|<nowiki>{| class="table-awesome"
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}</nowiki>}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id6|content=
{{Selector panel 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
}}
{{Selector panel responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Selector panel responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Selector panel responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Selector panel responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}
|main content=
{{Selector panel 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.}}
}}
}}
{{Selector panel 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.}}
}}
}}
{{Selector panel 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}}
}}
}}
{{Selector panel 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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Selector panel responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Selector panel responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Selector panel responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=
{{Selector panel responsive/Content item|id=idb1|activo=sí|content=
<pre>
<div class="cols-2-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-2-grid">
{{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=">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]]
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb2|content=
<pre>
<div class="cols-3-grid">
Elemento 1
Elemento 2
Elemento 3
</div>
</pre>
<div class="cols-3-grid">
{{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
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb3|content=
<pre>
<div class="cols-4-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-4-grid">
{{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.
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb4|content=
<pre>
<div class="cols-4-grid">
Elemento 1 (columna del 20%)
Elemento 2 (columna del 80%)
Elemento 3 (columna del 20%)
Elemento 4 (columna del 80%)
</div>
</pre>
<div class="cols-20-80-grid">
[[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.
}}
</div>
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Selector panel responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Selector panel responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}
|main content=
{{Selector panel 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}}
}}
}}
{{Selector panel responsive/Content item|id=in2|content=
<div style="background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;">
{{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}}
</div>
<pre>
{{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}}
</pre>
}}
{{Selector panel 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 =
<gallery mode="packed">
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]]
</gallery>
o2osbwa73igrjzxh97tt1xczhayzcen
253870
253862
2026-05-23T16:10:26Z
Jsmura
5370
253870
wikitext
text/x-wiki
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<br/>de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Selector panel 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}}
{{Selector panel 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}}
{{Selector panel responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Selector panel responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}}
{{Selector panel responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Selector panel responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Selector panel responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Selector panel responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}
|main content=
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id9|content=
{{{!}} class="table-awesome"
! 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 <pre>class="table-awesome"</pre>
}}
{{DocCopiar|<nowiki>{| class="table-awesome"
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}</nowiki>}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id6|content=
{{Selector panel 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
}}
{{Selector panel responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Selector panel responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Selector panel responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Selector panel responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}
|main content=
{{Selector panel responsive/Content item|id=ida1|activo=sí|content=
{{Banner basic 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.
}}
{{Banner basic responsive/doc}}
}}
{{Selector panel 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.}}
}}
}}
{{Selector panel 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}}
}}
}}
{{Selector panel 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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Selector panel responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Selector panel responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Selector panel responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=
{{Selector panel responsive/Content item|id=idb1|activo=sí|content=
<pre>
<div class="cols-2-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-2-grid">
{{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=">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]]
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb2|content=
<pre>
<div class="cols-3-grid">
Elemento 1
Elemento 2
Elemento 3
</div>
</pre>
<div class="cols-3-grid">
{{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
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb3|content=
<pre>
<div class="cols-4-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-4-grid">
{{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.
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb4|content=
<pre>
<div class="cols-4-grid">
Elemento 1 (columna del 20%)
Elemento 2 (columna del 80%)
Elemento 3 (columna del 20%)
Elemento 4 (columna del 80%)
</div>
</pre>
<div class="cols-20-80-grid">
[[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.
}}
</div>
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Selector panel responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Selector panel responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}
|main content=
{{Selector panel 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}}
}}
}}
{{Selector panel responsive/Content item|id=in2|content=
<div style="background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;">
{{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}}
</div>
<pre>
{{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}}
</pre>
}}
{{Selector panel 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 =
<gallery mode="packed">
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]]
</gallery>
kyjbdwzikchksh3n8egx85wz8s7eqiy
253878
253870
2026-05-23T16:20:37Z
Jsmura
5370
253878
wikitext
text/x-wiki
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<br/>de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Selector panel 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}}
{{Selector panel 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}}
{{Selector panel responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Selector panel responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}}
{{Selector panel responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Selector panel responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Selector panel responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Selector panel responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}
|main content=
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id9|content=
{{{!}} class="table-awesome"
! 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 <pre>class="table-awesome"</pre>
}}
{{DocCopiar|<nowiki>{| class="table-awesome"
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}</nowiki>}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id6|content=
{{Selector panel 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
}}
{{Selector panel responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Selector panel responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Selector panel responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
{{Selector panel responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}}
|main content=
{{Selector panel responsive/Content item|id=ida1|activo=sí|content=
{{Banner basic 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.
}}
{{Banner basic responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida2|content=
{{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.
}}
{{Card info responsive/doc}}
}}
{{Selector panel 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}}
}}
}}
{{Selector panel 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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Selector panel responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Selector panel responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Selector panel responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=
{{Selector panel responsive/Content item|id=idb1|activo=sí|content=
<pre>
<div class="cols-2-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-2-grid">
{{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=">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]]
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb2|content=
<pre>
<div class="cols-3-grid">
Elemento 1
Elemento 2
Elemento 3
</div>
</pre>
<div class="cols-3-grid">
{{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
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb3|content=
<pre>
<div class="cols-4-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-4-grid">
{{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.
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb4|content=
<pre>
<div class="cols-4-grid">
Elemento 1 (columna del 20%)
Elemento 2 (columna del 80%)
Elemento 3 (columna del 20%)
Elemento 4 (columna del 80%)
</div>
</pre>
<div class="cols-20-80-grid">
[[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.
}}
</div>
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Selector panel responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Selector panel responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}
|main content=
{{Selector panel 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}}
}}
}}
{{Selector panel responsive/Content item|id=in2|content=
<div style="background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;">
{{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}}
</div>
<pre>
{{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}}
</pre>
}}
{{Selector panel 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 =
<gallery mode="packed">
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]]
</gallery>
0l9scn8giueanm1xxw7gy35j2p4p98k
253888
253878
2026-05-23T16:57:29Z
Jsmura
5370
253888
wikitext
text/x-wiki
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<br/>de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Selector panel 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}}
{{Selector panel 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}}
{{Selector panel responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Selector panel responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}}
{{Selector panel responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Selector panel responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Selector panel responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Selector panel responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}
|main content=
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id9|content=
{{{!}} class="table-awesome"
! 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 <pre>class="table-awesome"</pre>
}}
{{DocCopiar|<nowiki>{| class="table-awesome"
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}</nowiki>}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id6|content=
{{Selector panel 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
}}
{{Selector panel responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Selector panel responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Selector panel responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
|main content=
{{Selector panel responsive/Content item|id=ida1|activo=sí|content=
{{Banner basic 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.
}}
{{Banner basic responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida2|content=
{{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.
}}
{{Card info responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida3|content=
{{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
}}
{{Card info small responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Selector panel responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Selector panel responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Selector panel responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=
{{Selector panel responsive/Content item|id=idb1|activo=sí|content=
<pre>
<div class="cols-2-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-2-grid">
{{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]]
}}
{{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]]
}}
{{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]]
}}
{{Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=">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]]
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb2|content=
<pre>
<div class="cols-3-grid">
Elemento 1
Elemento 2
Elemento 3
</div>
</pre>
<div class="cols-3-grid">
{{Card info small responsive
|type=1
|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
}}
{{Card info small responsive
|type=2
|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
}}
{{Card info small responsive
|type=3
|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
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb3|content=
<pre>
<div class="cols-4-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-4-grid">
{{Card info small responsive
|type=2
|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.
}}
{{Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}
{{Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}
{{Card info small responsive
|type=5
|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.
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb4|content=
<pre>
<div class="cols-4-grid">
Elemento 1 (columna del 20%)
Elemento 2 (columna del 80%)
Elemento 3 (columna del 20%)
Elemento 4 (columna del 80%)
</div>
</pre>
<div class="cols-20-80-grid">
[[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.
}}
</div>
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Selector panel responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Selector panel responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}
|main content=
{{Selector panel 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}}
}}
}}
{{Selector panel responsive/Content item|id=in2|content=
<div style="background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;">
{{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}}
</div>
<pre>
{{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}}
</pre>
}}
{{Selector panel 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 =
<gallery mode="packed">
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]]
</gallery>
h4dzcf52499gpkxwmgfonix1zgsycj5
253902
253888
2026-05-23T20:16:25Z
Jsmura
5370
253902
wikitext
text/x-wiki
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<br/>de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Selector panel 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}}
{{Selector panel 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}}
{{Selector panel responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Selector panel responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}}
{{Selector panel responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Selector panel responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Selector panel responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Selector panel responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}
|main content=
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id9|content=
{{{!}} class="table-awesome"
! 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 <pre>class="table-awesome"</pre>
}}
{{DocCopiar|<nowiki>{| class="table-awesome"
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}</nowiki>}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id6|content=
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{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
}}
{{Selector panel responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Selector panel responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Selector panel responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
|main content=
{{Selector panel responsive/Content item|id=ida1|activo=sí|content=
{{Banner basic 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.
}}
{{Banner basic responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida2|content=
{{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.
}}
{{Card info responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida3|content=
{{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
}}
{{Card info small responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Selector panel responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Selector panel responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Selector panel responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=
{{Selector panel responsive/Content item|id=idb1|activo=sí|content=
<pre>
<div class="cols-2-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-2-grid">
{{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]]
}}
{{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]]
}}
{{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]]
}}
{{Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=">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]]
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb2|content=
<pre>
<div class="cols-3-grid">
Elemento 1
Elemento 2
Elemento 3
</div>
</pre>
<div class="cols-3-grid">
{{Card info small responsive
|type=1
|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
}}
{{Card info small responsive
|type=2
|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
}}
{{Card info small responsive
|type=3
|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
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb3|content=
<pre>
<div class="cols-4-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-4-grid">
{{Card info small responsive
|type=2
|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.
}}
{{Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}
{{Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}
{{Card info small responsive
|type=5
|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.
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb4|content=
<pre>
<div class="cols-4-grid">
Elemento 1 (columna del 20%)
Elemento 2 (columna del 80%)
Elemento 3 (columna del 20%)
Elemento 4 (columna del 80%)
</div>
</pre>
<div class="cols-20-80-grid">
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]
{{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.
}}
</div>
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Selector panel responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Selector panel responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}
|main content=
{{Selector panel 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}}
}}
}}
{{Selector panel responsive/Content item|id=in2|content=
<div style="background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;">
{{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}}
</div>
<pre>
{{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}}
</pre>
}}
{{Selector panel 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 =
<gallery mode="packed">
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]]
</gallery>
dszdwpg1jh0anhq8btbfsvjhyzh0l1r
253906
253902
2026-05-23T20:23:13Z
Jsmura
5370
/* Recursos de imágenes de la mascota */
253906
wikitext
text/x-wiki
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<br/>de ancho completo}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>parciales}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>de columnas}}
{{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid4|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Elementos responsive<br/>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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}}
{{Selector panel 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}}
{{Selector panel 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}}
{{Selector panel responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}}
{{Selector panel responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}}
{{Selector panel responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}}
{{Selector panel responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}}
{{Selector panel responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}}
{{Selector panel responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}}
|main content=
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id9|content=
{{{!}} class="table-awesome"
! 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 <pre>class="table-awesome"</pre>
}}
{{DocCopiar|<nowiki>{| class="table-awesome"
! Texto de cabecera !! Texto de cabecera !! Texto de cabecera
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|-
| Ejemplo || Ejemplo || Ejemplo
|}</nowiki>}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel 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}}
}}
{{Selector panel responsive/Content item|id=id6|content=
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
|main content=
}}
{{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
}}
{{Selector panel responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}}
{{Selector panel responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}}
{{Selector panel responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}}
|main content=
{{Selector panel responsive/Content item|id=ida1|activo=sí|content=
{{Banner basic 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.
}}
{{Banner basic responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida2|content=
{{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.
}}
{{Card info responsive/doc}}
}}
{{Selector panel responsive/Content item|id=ida3|content=
{{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
}}
{{Card info small responsive/doc}}
}}
}}
}}
{{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.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}}
{{Selector panel responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}}
{{Selector panel responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}}
{{Selector panel responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}}
|main content=
{{Selector panel responsive/Content item|id=idb1|activo=sí|content=
<pre>
<div class="cols-2-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-2-grid">
{{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]]
}}
{{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]]
}}
{{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]]
}}
{{Card info responsive
|type=conv
|img=Wiki Sable Chibi Bus Parade.png
|title=💬 Guía de conversación
|content=">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]]
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb2|content=
<pre>
<div class="cols-3-grid">
Elemento 1
Elemento 2
Elemento 3
</div>
</pre>
<div class="cols-3-grid">
{{Card info small responsive
|type=1
|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
}}
{{Card info small responsive
|type=2
|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
}}
{{Card info small responsive
|type=3
|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
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb3|content=
<pre>
<div class="cols-4-grid">
Elemento 1
Elemento 2
Elemento 3
Elemento 4
</div>
</pre>
<div class="cols-4-grid">
{{Card info small responsive
|type=2
|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.
}}
{{Card info small responsive
|type=3
|img=Wikivoyage-logo.svg
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}
{{Card info small responsive
|type=4
|img=Wikivoyage-logo.svg
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}
{{Card info small responsive
|type=5
|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.
}}
</div>
}}
{{Selector panel responsive/Content item|id=idb4|content=
<pre>
<div class="cols-4-grid">
Elemento 1 (columna del 20%)
Elemento 2 (columna del 80%)
Elemento 3 (columna del 20%)
Elemento 4 (columna del 80%)
</div>
</pre>
<div class="cols-20-80-grid">
[[Archivo:Wiki Sable Adult.png|120px|center|link=|alt=]]
{{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.
}}
</div>
}}
}}
}}
{{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content=
Estos elementos pueden colocarse como acompañantes del texto.
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=in1|activo=sí|img=Wikivoyage-logo.svg|title=Chip inline|subtitle=Es un chip}}
{{Selector panel responsive/Sidebar item|id=in2|img=Wikivoyage-logo.svg|title=Badge inline|subtitle=Es un badge}}
{{Selector panel responsive/Sidebar item|id=in3|img=Wikivoyage-logo.svg|title=Tag inline|subtitle=Es un tag}}
|main content=
{{Selector panel 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}}
}}
}}
{{Selector panel responsive/Content item|id=in2|content=
<div style="background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); color: white;">
{{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}}
</div>
<pre>
{{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}}
</pre>
}}
{{Selector panel 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 adicionales =
== Colores del tema Sable ==
{{Color Sable/doc}}
== Imágenes de la mascota ==
<gallery mode="packed">
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]]
</gallery>
4nl3cg6goe25r6ogh1df0olijv8aym2
Usuario:Jsmura/Card info medium responsive
2
18411
253905
253377
2026-05-23T20:17:26Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253905
wikitext
text/x-wiki
{{destruir|g11}}
<div class="config-general wvas-ayuda-card">{{#if:{{{img|1}}}|[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link={{{link|Wikiviajes:Taberna}}}|alt=link]]}}
<br/>[[{{{link|Wikiviajes:Taberna}}}|'''{{{title|☕ Taberna de la comunidad'''}}}]]<br/>
<p>{{{subtitle|El espacio principal de debate y consultas de la comunidad de Wikiviajes}}}</p>
</div><noinclude>{{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}}
}}</noinclude>
1jiyaf1ftbc6yvbdcmkn2tjn6y08hhc
Plantilla:Selector panel responsive
10
18437
253841
253385
2026-05-23T15:44:07Z
Jsmura
5370
253841
wikitext
text/x-wiki
<div class="config-general cols-20-80-grid">
<div class="selector-panel-sidebar">
<div class="selector-panel-sidebar-label">{{{title sidebar|Elige un tipo}}}</div>
{{{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}}
}}}
<div class="selector-panel-sidebar-foot">{{{foot sidebar|↑ selecciona un tipo}}}</div>
</div>
<div class="selector-panel-content">
{{{main content
|{{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content=2}}
}}}
</div>
</div><noinclude>{{/DocSimple
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{DocParam|title sidebar|opt||Elige un tipo}}
{{DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{DocParam|sidebar content|req|
|<nowiki>{{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}}</nowiki>
}}
{{DocParam|main content|req|
|<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}</nowiki>
}}
}}</noinclude>
fz2gk3jh1mpip8hc102ja0i1hism09l
253843
253841
2026-05-23T15:44:34Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Selector responsive]] a [[Plantilla:Selector panel responsive]]
253841
wikitext
text/x-wiki
<div class="config-general cols-20-80-grid">
<div class="selector-panel-sidebar">
<div class="selector-panel-sidebar-label">{{{title sidebar|Elige un tipo}}}</div>
{{{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}}
}}}
<div class="selector-panel-sidebar-foot">{{{foot sidebar|↑ selecciona un tipo}}}</div>
</div>
<div class="selector-panel-content">
{{{main content
|{{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content=2}}
}}}
</div>
</div><noinclude>{{/DocSimple
|nombre=Selector responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{DocParam|title sidebar|opt||Elige un tipo}}
{{DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{DocParam|sidebar content|req|
|<nowiki>{{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}}</nowiki>
}}
{{DocParam|main content|req|
|<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}</nowiki>
}}
}}</noinclude>
fz2gk3jh1mpip8hc102ja0i1hism09l
253854
253843
2026-05-23T15:48:14Z
Jsmura
5370
253854
wikitext
text/x-wiki
<div class="config-general cols-20-80-grid">
<div class="selector-panel-sidebar">
<div class="selector-panel-sidebar-label">{{{title sidebar|Elige un tipo}}}</div>
{{{sidebar content
|{{Selector panel responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector panel responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}
}}}
<div class="selector-panel-sidebar-foot">{{{foot sidebar|↑ selecciona un tipo}}}</div>
</div>
<div class="selector-panel-content">
{{{main content
|{{Selector panel responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector panel responsive/Content item|id=identificador2|content=2}}
}}}
</div>
</div><noinclude>{{Selector panel responsive/doc}}</noinclude>
azkkd5ns8fotpq83q04pm2kfbaepv81
Plantilla:Selector panel responsive/Sidebar item
10
18438
253849
253290
2026-05-23T15:45:44Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Selector responsive/Sidebar item]] a [[Plantilla:Selector panel responsive/Sidebar item]]
253290
wikitext
text/x-wiki
<div class="sp-item {{#if:{{{activo|}}}|active}}" data-panel="{{{id|destino}}}">
<div class="sp-item-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]</div>
<div>
<div class="sp-item-name">{{{title|🏙️ Destino}}}</div>
{{#if:{{{subtitle|}}}|<div class="sp-item-hint">{{{subtitle|Ciudades, regiones…}}}</div>}}
</div>
</div><noinclude>{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive/Sidebar item
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{Usuario:Jsmura/DocParam|id|req||identificador1}}
{{Usuario:Jsmura/DocParam|activo|req|sí|sí}}
{{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}}
{{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}}
{{Usuario:Jsmura/DocParam|subtitle|opt||Ciudades, regiones…}}
}}</noinclude>
3kx868r7xfkqq3p15n0mopqfxoc2cq0
253852
253849
2026-05-23T15:47:20Z
Jsmura
5370
253852
wikitext
text/x-wiki
<div class="selector-panel-item {{#if:{{{activo|}}}|active}}" data-panel="{{{id|destino}}}">
<div class="selector-panel-item-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]</div>
<div>
<div class="selector-panel-item-name">{{{title|🏙️ Destino}}}</div>
{{#if:{{{subtitle|}}}|<div class="selector-panel-item-hint">{{{subtitle|Ciudades, regiones…}}}</div>}}
</div>
</div><noinclude>{{DocSintaxis
|nombre=Selector responsive/Sidebar item
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{DocParam|id|req||identificador1}}
{{DocParam|activo|req|sí|sí}}
{{DocParam|img|req||Wikivoyage-logo.svg}}
{{DocParam|title|req||🏙️ Destino}}
{{DocParam|subtitle|opt||Ciudades, regiones…}}
}}</noinclude>
3anaixw2oc71bpcyr3mif0isf3zg9gf
253860
253852
2026-05-23T15:53:16Z
Jsmura
5370
253860
wikitext
text/x-wiki
<div class="selector-panel-item {{#if:{{{activo|}}}|active}}" data-panel="{{{id|destino}}}">
<div class="selector-panel-item-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]]</div>
<div>
<div class="selector-panel-item-name">{{{title|🏙️ Destino}}}</div>
{{#if:{{{subtitle|}}}|<div class="selector-panel-item-hint">{{{subtitle|Ciudades, regiones…}}}</div>}}
</div>
</div><noinclude>{{Selector panel responsive/Sidebar item/doc}}</noinclude>
ilme6p4u4k429wjjbpdm008bey3m21x
Plantilla:Selector panel responsive/Content item
10
18439
253846
253291
2026-05-23T15:45:13Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Selector responsive/Content item]] a [[Plantilla:Selector panel responsive/Content item]]
253291
wikitext
text/x-wiki
<div class="sp-panel {{#if:{{{activo|}}}|active}}" id="sp-{{{id|identificador1}}}">
{{{content|}}}
</div><noinclude>{{Usuario:Jsmura/DocSintaxis
|nombre=Selector responsive/Content item
|desc=Item de contenido para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{Usuario:Jsmura/DocParam|id|req||identificador1}}
{{Usuario:Jsmura/DocParam|activo|req|sí|sí}}
{{Usuario:Jsmura/DocParam|content|req||Contenido a mostrar}}
}}</noinclude>
2oy70or8o5p5c0alhsn2d2jjxb4vgpf
253853
253846
2026-05-23T15:47:23Z
Jsmura
5370
253853
wikitext
text/x-wiki
<div class="selector-panel-panel {{#if:{{{activo|}}}|active}}" id="selector-panel-{{{id|identificador1}}}">
{{{content|}}}
</div><noinclude>{{DocSimple
|nombre=Selector responsive/Content item
|desc=Item de contenido para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{DocParam|id|req||identificador1}}
{{DocParam|activo|req|sí|sí}}
{{DocParam|content|req||Contenido a mostrar}}
}}</noinclude>
h1ldqx6af3yjsvwjxvybts0xquugoav
253857
253853
2026-05-23T15:50:21Z
Jsmura
5370
253857
wikitext
text/x-wiki
<div class="selector-panel-panel {{#if:{{{activo|}}}|active}}" id="selector-panel-{{{id|identificador1}}}">
{{{content|}}}
</div><noinclude>{{Selector panel responsive/Content item/doc}}</noinclude>
37tdj6gtp4be3umpmwq8o89rt9naukh
Usuario:Jsmura/Taller2
2
18487
253889
253765
2026-05-23T17:02:25Z
Jsmura
5370
253889
wikitext
text/x-wiki
<!-- ================================================================
PLANTILLA: ACA Hero
================================================================ -->
{{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}}
<div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span>
</div>
|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!
}}
{{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
}}
<!-- ================================================================
PLANTILLA: ACA Normas
================================================================ -->
{{Header awesome|title=Normas esenciales antes de empezar|icon=📋|icon bg=#FCEBEB}}
<div class="cols-2-grid">
{{Banner basic 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.
}}
{{Banner basic 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.
}}
{{Banner basic 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.
}}
{{Banner basic 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.
}}
</div>
<!-- ================================================================
PLANTILLA: ACA CalloutBorrador
================================================================ -->
{{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&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.
}}
<!-- ================================================================
PLANTILLA: ACA TiposOverview
================================================================ -->
{{Header awesome|title=Tipos de artículo en Wikiviajes|icon=📂|icon bg=#E1F5EE}}
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector panel responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}
{{Selector panel responsive/Sidebar item|id=identificador3|img=Wikivoyage-logo.svg|title=🗓️ Itinerario|subtitle=Rutas y recorridos}}
{{Selector panel responsive/Sidebar item|id=identificador4|img=Wikivoyage-logo.svg|title=💬 Conversación|subtitle=Guías de idioma}}
|main content=
{{Selector panel responsive/Content item|id=identificador1|activo=sí|content=
{{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.
}}
{{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:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{{!}} class="table-awesome"
! 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]].
{{!}}{{!}} <small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small>
{{!}}-
{{!}} 🌿 '''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]].
{{!}}{{!}} <small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small>
{{!}}-
{{!}} 🏘️ '''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]].
{{!}}{{!}} <small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small>
{{!}}-
{{!}} 🌆 '''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]].
{{!}}{{!}} <small>Adelaida, Cusco, Medellín, Montevideo, Quito</small>
{{!}}-
{{!}} 🏙️ '''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]].
{{!}}{{!}} <small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small>
{{!}}-
{{!}} 📍 '''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]].
{{!}}{{!}} <small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small>
{{!}}}
}}
{{Selector panel responsive/Content item|id=identificador2|content=
{{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.<br/><br/>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.
}}
{{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]].
}}
}}
{{Selector panel responsive/Content item|id=identificador3|content=
{{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.
}}
{{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.
}}
{{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]].
}}
}}
{{Selector panel responsive/Content item|id=identificador4|content=
{{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.<br/><br/>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]»'''.
}}
{{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.
}}
}}
}}
{{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!
}}
<!-- ================================================================
PLANTILLA: ACA ReferenciaArticulos
================================================================ -->
{{Header awesome|title=Referencia: ¿qué puede y qué no puede tener artículo propio?|icon=📌|icon bg=#FCEBEB}}
{{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.
}}
<!-- ================================================================
PLANTILLA: ACA NivelesCalidad
================================================================ -->
{{Header awesome|title=Niveles de calidad de un artículo|icon=⭐|icon bg=#EAF3DE}}
{{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.
}}
<div class="cols-4-grid">
{{Card info small responsive
|type=2
|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.
}}
{{Card info small responsive
|type=3
|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.
}}
{{Card info small responsive
|type=4
|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.
}}
{{Card info small responsive
|type=5
|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.
}}
</div>
<!-- ================================================================
PLANTILLA: ACA ChecklistPublicacion
================================================================ -->
{{Header awesome|title=Checklist antes de publicar|icon=✅|icon bg=#E1F5EE}}
{{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.
}}
<!-- ================================================================
PLANTILLA: ACA AyudaComunidad
================================================================ -->
{{Header awesome|title=¿Dónde pedir ayuda?|icon=🤝|icon bg=#E6F1FB}}
{{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.
}}
<div class="cols-3-grid">
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
</div>
<!-- ================================================================
PLANTILLA: ACA CierreMotivacional
================================================================ -->
{{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!
}}
mkpdmrc884lfhk8ixwfogmjkqxizq9y
253912
253889
2026-05-23T20:55:22Z
Jsmura
5370
253912
wikitext
text/x-wiki
<!-- ================================================================
PLANTILLA: ACA Hero
================================================================ -->
{{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}}
<div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span>
</div>
|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!
}}
{{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
}}
<!-- ================================================================
PLANTILLA: ACA Normas
================================================================ -->
{{Header awesome|title=Normas esenciales antes de empezar|icon=📋|icon bg=#FCEBEB}}
<div class="cols-2-grid">
{{Banner basic responsive
|type=error
|img=Wiki Sable Chibi Mad.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.
}}
{{Banner basic responsive
|type=warn
|img=Wiki Sable Chibi Joyful.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.
}}
{{Banner basic responsive
|type=tip
|img=Wiki Sable Chibi That's Love.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.
}}
{{Banner basic 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.
}}
</div>
<!-- ================================================================
PLANTILLA: ACA CalloutBorrador
================================================================ -->
{{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&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.
}}
<!-- ================================================================
PLANTILLA: ACA TiposOverview
================================================================ -->
{{Header awesome|title=Tipos de artículo en Wikiviajes|icon=📂|icon bg=#E1F5EE}}
{{Selector panel responsive
|title sidebar=Elige un tipo
|foot sidebar=↑ selecciona un tipo
|sidebar content=
{{Selector panel responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}}
{{Selector panel responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}}
{{Selector panel responsive/Sidebar item|id=identificador3|img=Wikivoyage-logo.svg|title=🗓️ Itinerario|subtitle=Rutas y recorridos}}
{{Selector panel responsive/Sidebar item|id=identificador4|img=Wikivoyage-logo.svg|title=💬 Conversación|subtitle=Guías de idioma}}
|main content=
{{Selector panel responsive/Content item|id=identificador1|activo=sí|content=
{{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.
}}
{{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:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]
}}
{{{!}} class="table-awesome"
! 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]].
{{!}}{{!}} <small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small>
{{!}}-
{{!}} 🌿 '''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]].
{{!}}{{!}} <small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small>
{{!}}-
{{!}} 🏘️ '''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]].
{{!}}{{!}} <small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small>
{{!}}-
{{!}} 🌆 '''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]].
{{!}}{{!}} <small>Adelaida, Cusco, Medellín, Montevideo, Quito</small>
{{!}}-
{{!}} 🏙️ '''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]].
{{!}}{{!}} <small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small>
{{!}}-
{{!}} 📍 '''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]].
{{!}}{{!}} <small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small>
{{!}}}
}}
{{Selector panel responsive/Content item|id=identificador2|content=
{{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.<br/><br/>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.
}}
{{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]].
}}
}}
{{Selector panel responsive/Content item|id=identificador3|content=
{{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.
}}
{{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.
}}
{{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]].
}}
}}
{{Selector panel responsive/Content item|id=identificador4|content=
{{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.<br/><br/>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]»'''.
}}
{{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.
}}
}}
}}
{{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!
}}
<!-- ================================================================
PLANTILLA: ACA ReferenciaArticulos
================================================================ -->
{{Header awesome|title=Referencia: ¿qué puede y qué no puede tener artículo propio?|icon=📌|icon bg=#FCEBEB}}
{{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.
}}
<!-- ================================================================
PLANTILLA: ACA NivelesCalidad
================================================================ -->
{{Header awesome|title=Niveles de calidad de un artículo|icon=⭐|icon bg=#EAF3DE}}
{{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.
}}
<div class="cols-4-grid">
{{Card info small responsive
|type=2
|img=Wiki Sable Chibi Confused.png
|title=📄 Esbozo
|content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.
}}
{{Card info small responsive
|type=3
|img=Wiki Sable Chibi Pleased.png
|title=🗺️ Guía usable
|content=Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.
}}
{{Card info small responsive
|type=4
|img=Wiki Sable Chibi Map.png
|title=📘 Guía
|content=Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.
}}
{{Card info small responsive
|type=5
|img=Wiki Sable Chibi That's Love.png
|title=⭐ Guía estrella
|content=El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.
}}
</div>
<!-- ================================================================
PLANTILLA: ACA ChecklistPublicacion
================================================================ -->
{{Header awesome|title=Checklist antes de publicar|icon=✅|icon bg=#E1F5EE}}
{{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.
}}
<!-- ================================================================
PLANTILLA: ACA AyudaComunidad
================================================================ -->
{{Header awesome|title=¿Dónde pedir ayuda?|icon=🤝|icon bg=#E6F1FB}}
{{Callout responsive
|type=info
|img=Wiki Sable Chibi Send Love.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.
}}
<div class="cols-3-grid">
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
{{Card info small 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
}}
</div>
<!-- ================================================================
PLANTILLA: ACA CierreMotivacional
================================================================ -->
{{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!
}}
db40bg01whv4z8b0tx3iedq6wpa9has
Pahang
0
18500
253915
253687
2026-05-24T08:57:09Z
Urci dream
21466
253915
wikitext
text/x-wiki
{{pagebanner}}
{{top|intro=
Pahang es el tercer estado más grande de Malasia en extensión territorial y el mayor de la Malasia peninsular. Se considera un estado de la costa este y posee una extensa costa, que incluye la isla de Tioman, la más grande de la costa este, pero también se adentra bastante en el interior e incluye gran parte de Taman Negara, el famoso parque de selva tropical de la Malasia peninsular, así como las Tierras Altas de Cameron y las Tierras Altas de Genting, más cercanas al Estrecho de Malaca que al Mar de China Meridional. Con su terreno variado y su población diversa.}}
== Ciudades: ==
'''Kuantan''' —la capital del estado, un popular balneario con largas extensiones de arena
'''Bentong''' [[//en.wikivoyage.org/wiki/File:Antu_wikipedia.svg|vínculo=https://en.wikivoyage.org/wiki/w:Bentong|class=listing-sister-wikipedia|15x15px|Bentong on Wikipedia]]
'''Jerantut'''
'''Kuala Gandah'''
'''Kuala Lipis'''
<maplink description="[[File:Pekan 13.jpg|300px]]" group="city" latitude="3.5" longitude="103.416667" show="mask,around,buy,city,do,drink,eat,go,listing,other,see,sleep,vicinity,view" zoom="17">{"type":"Feature","geometry":{"coordinates":[103.416667,3.5],"type":"Point"},"properties":{"marker-size":"medium","title":"[[Pekan]]","marker-symbol":"-number-city","marker-color":"0000FF","description":"[[File:Pekan 13.jpg|300px]]"}}</maplink> '''Pekan''' —La ciudad real, a 45 km al sur de Kuantan.
'''Raub'''
'''Temerloh'''
== Otros destinos ' ==
Lago Bera a unas 2 horas de Temerloh; se puede llegar en barco o en coche.
{{EstáEn|Malasia}}
{{estado artículo|tipo=región |calidad=esquemático }}
5rtc9ff3gfzjx6u8y84uod8tozy4kpl
253916
253915
2026-05-24T09:08:25Z
Urci dream
21466
/* Ciudades: */
253916
wikitext
text/x-wiki
{{pagebanner}}
{{top|intro=
Pahang es el tercer estado más grande de Malasia en extensión territorial y el mayor de la Malasia peninsular. Se considera un estado de la costa este y posee una extensa costa, que incluye la isla de Tioman, la más grande de la costa este, pero también se adentra bastante en el interior e incluye gran parte de Taman Negara, el famoso parque de selva tropical de la Malasia peninsular, así como las Tierras Altas de Cameron y las Tierras Altas de Genting, más cercanas al Estrecho de Malaca que al Mar de China Meridional. Con su terreno variado y su población diversa.}}
== Ciudades: ==
* {{marker|type=city|name=[[Kuantan]]|wikidata=Q817578}} —la capital del estado, un popular balneario con largas extensiones de arena
* {{marker|type=city|name=[[Bentong]]|wikidata=Q818344}}
* {{marker|type=city|name=[[Jerantut]]|wikidata=Q2172999}}
* {{marker|type=city|name=[[Kuala Gandah]]|wikidata=Q6440975}} Santuario de rescate de elefantes, creado en 1989
* {{marker|type=city|name=[[Kuala Lipis]]|wikidata=Q818344}}
<maplink description="[[File:Pekan 13.jpg|300px]]" group="city" latitude="3.5" longitude="103.416667" show="mask,around,buy,city,do,drink,eat,go,listing,other,see,sleep,vicinity,view" zoom="17">{"type":"Feature","geometry":{"coordinates":[103.416667,3.5],"type":"Point"},"properties":{"marker-size":"medium","title":"[[Pekan]]","marker-symbol":"-number-city","marker-color":"0000FF","description":"[[File:Pekan 13.jpg|300px]]"}}</maplink> '''Pekan''' —La ciudad real, a 45 km al sur de Kuantan.
'''Raub'''
'''Temerloh'''
== Otros destinos ' ==
Lago Bera a unas 2 horas de Temerloh; se puede llegar en barco o en coche.
{{EstáEn|Malasia}}
{{estado artículo|tipo=región |calidad=esquemático }}
s0pfl4bdv16d5p9ctyi3n8as49y1gj5
253917
253916
2026-05-24T09:13:08Z
Urci dream
21466
/* Ciudades: */
253917
wikitext
text/x-wiki
{{pagebanner}}
{{top|intro=
Pahang es el tercer estado más grande de Malasia en extensión territorial y el mayor de la Malasia peninsular. Se considera un estado de la costa este y posee una extensa costa, que incluye la isla de Tioman, la más grande de la costa este, pero también se adentra bastante en el interior e incluye gran parte de Taman Negara, el famoso parque de selva tropical de la Malasia peninsular, así como las Tierras Altas de Cameron y las Tierras Altas de Genting, más cercanas al Estrecho de Malaca que al Mar de China Meridional. Con su terreno variado y su población diversa.}}
== Ciudades: ==
* {{marker|type=city|name=[[Kuantan]]|wikidata=Q817578}} —la capital del estado, un popular balneario con largas extensiones de arena
* {{marker|type=city|name=[[Bentong]]|wikidata=Q818344}}
* {{marker|type=city|name=[[Jerantut]]|wikidata=Q2172999}}
* {{marker|type=city|name=[[Kuala Gandah]]|wikidata=Q6440975}} -Santuario de rescate de elefantes, creado en 1989
* {{marker|type=city|name=[[Kuala Lipis]]|wikidata=Q2240800}} -Antigua mina de oro hasta la llegada de los británicos en 1887. Fue capital del estado desde 1898 hasta 1953
{{marker|type=city|name=[[Pekan]]|wikidata=Q3235637}} —La ciudad real, a 45 km al sur de Kuantan.
{{marker|type=city|name=[[Raub]]|wikidata=Q2352205}}
{{marker|type=city|name=[[Temerloh]]|wikidata=Q2437966}}
<maplink description="[[File:Pekan 13.jpg|300px]]" group="city" latitude="3.5" longitude="103.416667" show="mask,around,buy,city,do,drink,eat,go,listing,other,see,sleep,vicinity,view" zoom="17">{"type":"Feature","geometry":{"coordinates":[103.416667,3.5],"type":"Point"},"properties":{"marker-size":"medium","title":"[[Pekan]]","marker-symbol":"-number-city","marker-color":"0000FF","description":"[[File:Pekan 13.jpg|300px]]"}}</maplink>
== Otros destinos ' ==
Lago Bera a unas 2 horas de Temerloh; se puede llegar en barco o en coche.
{{EstáEn|Malasia}}
{{estado artículo|tipo=región |calidad=esquemático }}
suqvs3pyv8rg73dt4d3886qr67wg0tp
253918
253917
2026-05-24T09:13:57Z
Urci dream
21466
/* Ciudades: */
253918
wikitext
text/x-wiki
{{pagebanner}}
{{top|intro=
Pahang es el tercer estado más grande de Malasia en extensión territorial y el mayor de la Malasia peninsular. Se considera un estado de la costa este y posee una extensa costa, que incluye la isla de Tioman, la más grande de la costa este, pero también se adentra bastante en el interior e incluye gran parte de Taman Negara, el famoso parque de selva tropical de la Malasia peninsular, así como las Tierras Altas de Cameron y las Tierras Altas de Genting, más cercanas al Estrecho de Malaca que al Mar de China Meridional. Con su terreno variado y su población diversa.}}
== Ciudades: ==
* {{marker|type=city|name=[[Kuantan]]|wikidata=Q817578}} —la capital del estado, un popular balneario con largas extensiones de arena
* {{marker|type=city|name=[[Bentong]]|wikidata=Q818344}}
* {{marker|type=city|name=[[Jerantut]]|wikidata=Q2172999}}
* {{marker|type=city|name=[[Kuala Lipis]]|wikidata=Q2240800}} -Antigua mina de oro hasta la llegada de los británicos en 1887. Fue capital del estado desde 1898 hasta 1953
* {{marker|type=city|name=[[Pekan]]|wikidata=Q3235637}} —La ciudad real, a 45 km al sur de Kuantan.
* {{marker|type=city|name=[[Raub]]|wikidata=Q2352205}}
* {{marker|type=city|name=[[Temerloh]]|wikidata=Q2437966}}
== Otros destinos ' ==
Lago Bera a unas 2 horas de Temerloh; se puede llegar en barco o en coche.
{{EstáEn|Malasia}}
{{estado artículo|tipo=región |calidad=esquemático }}
k7ly0h7tfrt74ond4tjnsi43bhk21pl
253919
253918
2026-05-24T09:14:38Z
Urci dream
21466
/* Otros destinos ' */
253919
wikitext
text/x-wiki
{{pagebanner}}
{{top|intro=
Pahang es el tercer estado más grande de Malasia en extensión territorial y el mayor de la Malasia peninsular. Se considera un estado de la costa este y posee una extensa costa, que incluye la isla de Tioman, la más grande de la costa este, pero también se adentra bastante en el interior e incluye gran parte de Taman Negara, el famoso parque de selva tropical de la Malasia peninsular, así como las Tierras Altas de Cameron y las Tierras Altas de Genting, más cercanas al Estrecho de Malaca que al Mar de China Meridional. Con su terreno variado y su población diversa.}}
== Ciudades: ==
* {{marker|type=city|name=[[Kuantan]]|wikidata=Q817578}} —la capital del estado, un popular balneario con largas extensiones de arena
* {{marker|type=city|name=[[Bentong]]|wikidata=Q818344}}
* {{marker|type=city|name=[[Jerantut]]|wikidata=Q2172999}}
* {{marker|type=city|name=[[Kuala Lipis]]|wikidata=Q2240800}} -Antigua mina de oro hasta la llegada de los británicos en 1887. Fue capital del estado desde 1898 hasta 1953
* {{marker|type=city|name=[[Pekan]]|wikidata=Q3235637}} —La ciudad real, a 45 km al sur de Kuantan.
* {{marker|type=city|name=[[Raub]]|wikidata=Q2352205}}
* {{marker|type=city|name=[[Temerloh]]|wikidata=Q2437966}}
== Otros destinos ' ==
* {{marker|type=nature|name=[[Kuala Gandah]]|wikidata=Q6440975}} -Santuario de rescate de elefantes, creado en 1989
Lago Bera a unas 2 horas de Temerloh; se puede llegar en barco o en coche.
{{EstáEn|Malasia}}
{{estado artículo|tipo=región |calidad=esquemático }}
8d907rsav4e5f8rtyymcgfzwyybmjqf
253920
253919
2026-05-24T09:15:21Z
Urci dream
21466
/* Otros destinos ' */
253920
wikitext
text/x-wiki
{{pagebanner}}
{{top|intro=
Pahang es el tercer estado más grande de Malasia en extensión territorial y el mayor de la Malasia peninsular. Se considera un estado de la costa este y posee una extensa costa, que incluye la isla de Tioman, la más grande de la costa este, pero también se adentra bastante en el interior e incluye gran parte de Taman Negara, el famoso parque de selva tropical de la Malasia peninsular, así como las Tierras Altas de Cameron y las Tierras Altas de Genting, más cercanas al Estrecho de Malaca que al Mar de China Meridional. Con su terreno variado y su población diversa.}}
== Ciudades: ==
* {{marker|type=city|name=[[Kuantan]]|wikidata=Q817578}} —la capital del estado, un popular balneario con largas extensiones de arena
* {{marker|type=city|name=[[Bentong]]|wikidata=Q818344}}
* {{marker|type=city|name=[[Jerantut]]|wikidata=Q2172999}}
* {{marker|type=city|name=[[Kuala Lipis]]|wikidata=Q2240800}} -Antigua mina de oro hasta la llegada de los británicos en 1887. Fue capital del estado desde 1898 hasta 1953
* {{marker|type=city|name=[[Pekan]]|wikidata=Q3235637}} —La ciudad real, a 45 km al sur de Kuantan.
* {{marker|type=city|name=[[Raub]]|wikidata=Q2352205}}
* {{marker|type=city|name=[[Temerloh]]|wikidata=Q2437966}}
== Otros destinos ==
* {{marker|type=nature|name=[[Kuala Gandah]]|wikidata=Q6440975}} -Santuario de rescate de elefantes, creado en 1989
Lago Bera a unas 2 horas de Temerloh; se puede llegar en barco o en coche.
{{EstáEn|Malasia}}
{{estado artículo|tipo=región |calidad=esquemático }}
4278sbd17bvdnyqn3rw0m3gvarsnewr
Usuario:Jsmura/Banner images responsive
2
18511
253901
253779
2026-05-23T20:15:04Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253901
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Callout responsive
2
18513
253904
253788
2026-05-23T20:16:55Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253904
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Header awesome
2
18515
253900
253799
2026-05-23T20:14:51Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253900
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Checklist responsive
2
18518
253899
253814
2026-05-23T20:14:42Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253899
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Checklist 2 cols responsive
2
18520
253898
253823
2026-05-23T20:14:21Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253898
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Create article responsive
2
18522
253903
253831
2026-05-23T20:16:48Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253903
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Selector responsive
2
18524
253844
2026-05-23T15:44:34Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Selector responsive]] a [[Plantilla:Selector panel responsive]]
253844
wikitext
text/x-wiki
#REDIRECCIÓN [[Plantilla:Selector panel responsive]]
rshqrjvg7i4qy3bdqx39bpp5rbks5f5
253845
253844
2026-05-23T15:44:44Z
Jsmura
5370
Página blanqueada
253845
wikitext
text/x-wiki
phoiac9h4m842xq45sp7s6u21eteeq1
253897
253845
2026-05-23T20:14:13Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253897
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Selector responsive/Content item
2
18525
253847
2026-05-23T15:45:13Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Selector responsive/Content item]] a [[Plantilla:Selector panel responsive/Content item]]
253847
wikitext
text/x-wiki
#REDIRECCIÓN [[Plantilla:Selector panel responsive/Content item]]
g26dw4uqe3la5yya5xhhmjccwjai8ew
253848
253847
2026-05-23T15:45:34Z
Jsmura
5370
Página blanqueada
253848
wikitext
text/x-wiki
phoiac9h4m842xq45sp7s6u21eteeq1
253896
253848
2026-05-23T20:14:06Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253896
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Usuario:Jsmura/Selector responsive/Sidebar item
2
18526
253850
2026-05-23T15:45:44Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Selector responsive/Sidebar item]] a [[Plantilla:Selector panel responsive/Sidebar item]]
253850
wikitext
text/x-wiki
#REDIRECCIÓN [[Plantilla:Selector panel responsive/Sidebar item]]
cegd7xerhkwee1iq3ipy7t3lutfxioa
253851
253850
2026-05-23T15:45:56Z
Jsmura
5370
Página blanqueada
253851
wikitext
text/x-wiki
phoiac9h4m842xq45sp7s6u21eteeq1
253895
253851
2026-05-23T20:13:57Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253895
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Plantilla:Selector panel responsive/doc
10
18527
253855
2026-05-23T15:48:18Z
Jsmura
5370
Página creada con «{{DocSimple |nombre=Selector panel responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{DocParam|title sidebar|opt||Elige un tipo}} {{DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{DocParam|sidebar content|req| |<nowiki>{{Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}} {{Selector responsive/Sidebar item|id=identificador2|img=Wikivoyag…»
253855
wikitext
text/x-wiki
{{DocSimple
|nombre=Selector panel responsive
|desc=Selector de contenido con opción para múltiples elementos.
|params=
{{DocParam|title sidebar|opt||Elige un tipo}}
{{DocParam|foot sidebar|opt||↑ selecciona un tipo}}
{{DocParam|sidebar content|req|
|<nowiki>{{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}}</nowiki>
}}
{{DocParam|main content|req|
|<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}}
{{Selector responsive/Content item|id=identificador2|content=2}}</nowiki>
}}
}}
jmm0jg056jzd602aytue2frnjc95qln
Plantilla:Selector panel responsive/Content item/doc
10
18528
253856
2026-05-23T15:50:08Z
Jsmura
5370
Página creada con «{{DocSimple |nombre=Selector panel responsive/Content item |desc=Item de contenido para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{DocParam|id|req||identificador1}} {{DocParam|activo|req|sí|sí}} {{DocParam|content|req||Contenido a mostrar}} }»
253856
wikitext
text/x-wiki
{{DocSimple
|nombre=Selector panel responsive/Content item
|desc=Item de contenido para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{DocParam|id|req||identificador1}}
{{DocParam|activo|req|sí|sí}}
{{DocParam|content|req||Contenido a mostrar}}
}
q0o7uigszy95f1e9l427ul7znwrf9ta
253858
253856
2026-05-23T15:50:45Z
Jsmura
5370
253858
wikitext
text/x-wiki
{{DocSimple
|nombre=Selector panel responsive/Content item
|desc=Item de contenido para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{DocParam|id|req||identificador1}}
{{DocParam|activo|req|sí|sí}}
{{DocParam|content|req||Contenido a mostrar}}
}}
bs652ohj4o617z0ucy54cbgwtmgbj07
Plantilla:Selector panel responsive/Sidebar item/doc
10
18529
253859
2026-05-23T15:51:49Z
Jsmura
5370
Página creada con «{{DocSimple |nombre=Selector panel responsive/Sidebar item |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{DocParam|id|req||identificador1}} {{DocParam|activo|req|sí|sí}} {{DocParam|img|req||Wikivoyage-logo.svg}} {{DocParam|title|req||🏙️ Destino}} {{DocParam|subtitle|opt||Ciudades, regiones…}} }}»
253859
wikitext
text/x-wiki
{{DocSimple
|nombre=Selector panel responsive/Sidebar item
|desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola.
|params=
{{DocParam|id|req||identificador1}}
{{DocParam|activo|req|sí|sí}}
{{DocParam|img|req||Wikivoyage-logo.svg}}
{{DocParam|title|req||🏙️ Destino}}
{{DocParam|subtitle|opt||Ciudades, regiones…}}
}}
klkopojisaflsffo4czgvo918qle38m
Usuario:Jsmura/Banner responsive
2
18530
253866
2026-05-23T16:06:26Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Banner responsive]] a [[Plantilla:Banner basic responsive]]
253866
wikitext
text/x-wiki
#REDIRECCIÓN [[Plantilla:Banner basic responsive]]
4282fj2ccnmdfi89rxm04mh6idd9w2s
253867
253866
2026-05-23T16:06:35Z
Jsmura
5370
Página blanqueada
253867
wikitext
text/x-wiki
phoiac9h4m842xq45sp7s6u21eteeq1
253893
253867
2026-05-23T20:10:39Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253893
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Plantilla:Banner basic responsive/doc
10
18531
253868
2026-05-23T16:09:15Z
Jsmura
5370
Página creada con «{{DocSimple |nombre=Banner basic responsive |desc=Banner vistozo para resaltar información importante. |params= {{DocParam|type|req|error / warn / tip /info / purple|info}} {{DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{DocParam|title|req||🚫 Sin copias — evita el plagio}} {{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 inmedi…»
253868
wikitext
text/x-wiki
{{DocSimple
|nombre=Banner basic responsive
|desc=Banner vistozo para resaltar información importante.
|params=
{{DocParam|type|req|error / warn / tip /info / purple|info}}
{{DocParam|img|req||Wiki Sable Chibi Thinking.png}}
{{DocParam|title|req||🚫 Sin copias — evita el plagio}}
{{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.}}
}}
ag39lwwpme8ul1rw5m9jouuu10nbtyl
Usuario:Jsmura/Card info responsive
2
18532
253873
2026-05-23T16:16:57Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Card info responsive]] a [[Plantilla:Card info responsive]]
253873
wikitext
text/x-wiki
#REDIRECCIÓN [[Plantilla:Card info responsive]]
kfnp9gchmy3l653hti7m89p45p66w98
253874
253873
2026-05-23T16:17:09Z
Jsmura
5370
Página blanqueada
253874
wikitext
text/x-wiki
phoiac9h4m842xq45sp7s6u21eteeq1
253892
253874
2026-05-23T20:10:30Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253892
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Plantilla:Card info responsive/doc
10
18533
253876
2026-05-23T16:18:27Z
Jsmura
5370
Página creada con «{{DocSimple |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{DocParam|title|req||🏙️ Destino}} {{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 W…»
253876
wikitext
text/x-wiki
{{DocSimple
|nombre=Card info responsive
|desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto.
|params=
{{DocParam|type|req|destino / tematico / itinerario / conv|destino}}
{{DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}}
{{DocParam|title|req||🏙️ Destino}}
{{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.}}
{{DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}
}}
0cslu6q6n3hdawsev45sew656nzxvqf
Usuario:Jsmura/Card info small responsive
2
18534
253882
2026-05-23T16:47:35Z
Jsmura
5370
Jsmura trasladó la página [[Usuario:Jsmura/Card info small responsive]] a [[Plantilla:Card info small responsive]]
253882
wikitext
text/x-wiki
#REDIRECCIÓN [[Plantilla:Card info small responsive]]
c74zqm8r9yqmf14ostobsu6j3q1n62n
253883
253882
2026-05-23T16:48:18Z
Jsmura
5370
Página blanqueada
253883
wikitext
text/x-wiki
phoiac9h4m842xq45sp7s6u21eteeq1
253891
253883
2026-05-23T20:10:23Z
Jsmura
5370
Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]]
253891
wikitext
text/x-wiki
{{destruir|g11}}
hmmvquhymoxqw6ewofl3426228fxajq
Plantilla:Card info small responsive/doc
10
18535
253886
2026-05-23T16:53:56Z
Jsmura
5370
Página creada con «{{DocSimple |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{DocParam|type|req|1 / 2 / 3 / 4 / 5|1}} {{DocParam|img|opt||Wikivoyage-logo.svg}} {{DocParam|link|opt||Wikiviajes:Taberna}} {{DocParam|title|req||📄 Esbozo}} {{DocParam|content|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }}»
253886
wikitext
text/x-wiki
{{DocSimple
|nombre=Card info small responsive
|desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable.
|params=
{{DocParam|type|req|1 / 2 / 3 / 4 / 5|1}}
{{DocParam|img|opt||Wikivoyage-logo.svg}}
{{DocParam|link|opt||Wikiviajes:Taberna}}
{{DocParam|title|req||📄 Esbozo}}
{{DocParam|content|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}}
}}
tev38dn3owzg2ca1xkz4joto2scw93s
Plantilla:Grid responsive/2 cols
10
18536
253907
2026-05-23T20:42:37Z
Jsmura
5370
Página creada con «<div class="cols-2-grid"> {{{1}}} </div><noinclude>{{DocCopiar|<nowiki><div class="cols-2-grid"> {{{1}}} </div></nowiki>}} </noinclude>»
253907
wikitext
text/x-wiki
<div class="cols-2-grid">
{{{1}}}
</div><noinclude>{{DocCopiar|<nowiki><div class="cols-2-grid">
{{{1}}}
</div></nowiki>}}
</noinclude>
fwozm3qur85vkoos1gdo1awr535lyn9
253909
253907
2026-05-23T20:43:08Z
Jsmura
5370
253909
wikitext
text/x-wiki
<div class="cols-2-grid">
{{{1}}}
</div><noinclude>{{Grid responsive/2 cols/doc}}</noinclude>
aa7jp0an60v28oohe9v2istohc86v5k
Plantilla:Grid responsive/2 cols/doc
10
18537
253908
2026-05-23T20:42:51Z
Jsmura
5370
Página creada con «{{DocCopiar|<nowiki><div class="cols-2-grid"> {{{1}}} </div></nowiki>}}»
253908
wikitext
text/x-wiki
{{DocCopiar|<nowiki><div class="cols-2-grid">
{{{1}}}
</div></nowiki>}}
sepiphtnp3jjt07czgk36zefsnxee55
253911
253908
2026-05-23T20:46:52Z
Jsmura
5370
253911
wikitext
text/x-wiki
{{DocSimple
|nombre=Grid responsive/2 cols
|desc=Estructura responsive de 2 columnas. El contenido se apila en filas ordenadamente.
|params=
{{DocParam|1|req|Contenido separado por saltos de línea|Elemento 1 Elemento 2 Elemento 3 Elemento 4}}
}}
ogd9kdf945146oaf6m2dsmykqvek2bk
Plantilla:Grid responsive
10
18538
253910
2026-05-23T20:43:18Z
Jsmura
5370
Página creada con «{{Grid responsive/2 cols/doc}}»
253910
wikitext
text/x-wiki
{{Grid responsive/2 cols/doc}}
dy7e10wjenl09t5fo3n7g0k9fiqfvxq