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'''&nbsp;[[//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