Wikiviajes eswikivoyage https://es.wikivoyage.org/wiki/P%C3%A1gina_principal MediaWiki 1.47.0-wmf.2 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 Las Grutas 0 2719 253412 190104 2026-05-16T02:47:14Z ~2026-29430-79 31211 informacion en seccion dormir para las grutas. 253412 wikitext text/x-wiki {{pagebanner}} '''Las Grutas''' es un balneario en la costa de la provincia argentina de [[Río Negro (Argentina)|Río Negro]]. Es parte del municipio de [[San Antonio Oeste]] y junto con [[Puerto Madryn]] el mayor destino turístico de la costa patagónica, con 250.000 turistas por año. ==Llegar== En auto: Desde Buenos Aires y el Litoral, se toma la Ruta Nacional 3. Desde Córdoba y el Noroeste, se toma la RN 36 hasta Río Cuarto, después la 35, la 154, 22 y 251, pasando por Río Colorado como punto de orientación. En ómnibus: Hay servicios a casi todas las ciudades argentinas importantes. La mayoría pasan por la Terminal de omnibus de Las Grutas, algunos solamente por la de San Antonio Oeste y hay que tomarse un micro local hasta el barrio Las Grutas (cada 30 min, unos 15 minutos de viaje). En avión: LADE conecta a San Antonio con Buenos Aires, Córdoba, Santa Fe y Comodoro Rivadavia, entre otras, dos veces por semana. El aeropuerto queda en el camino entre San Antonio y Las Grutas. En tren: Desde Viedma y Bariloche circula el Tren Patagónico, dos veces por semana en temporada. No hay combinación directa con el tren Buenos Aires - Carmen de Patagones. == Desplazarse == Hay un colectivo local a San Antonio Oeste. == Ver == La playa de Piedras Coloradas es una de las más atractivas de la costa argentina. Se trata de rocas de granito rojizas que bajan desde los médanos al mar. Se puede llegar en auto o caminando (4 km al sur del centro). El Fuerte Argentino es una meseta ubicada muy cerca de la costa a 30 km al sur de Las Grutas, donde se pueden encontrar fósiles de animales prehistóricos. Se llega por parte de una excursión guiada. == Hacer == En la playa se pueden realizar varias actividades como buceo, viajes en jet ski y pesca (en las partes más alejadas del centro) == Comprar == Hay negocios de todas las categorías. Los precios son elevados respecto a otros destinos. == Comer == La zona de San Antonio es conocida por sus especialidades en pescados y mariscos. Varios restaurantes ofrecen platos. == Beber y salir == Hay algunos bares y boliches. *'''Marnos''' (mainstream) *'''Birra's''' (mainstream, con fiestas temáticas) *'''Margarita''' (mainstream) *'''Lorenzo''' (cumbia) *'''Costa Bella''' (parador, con banda de covers) *'''Playa Serena''' (parador, con música electrónica) *'''Siga la vaca''' (económico, en las afueras) == Dormir == En temporada alta (diciembre-marzo) conviene reservar con anticipación. La oferta predominante son departamentos en alquiler temporario, con menor cantidad de hoteles y campings, hay departamentos en alquiler todo el año atendido por sus dueños www.lasgrutasdepartamentos.com. * {{dormir|nombre=LasGrutasDepartamentos.com|url=https://www.lasgrutasdepartamentos.com|email=|dirección=nahuel huapi 75|lat=-40.804552|long=-65.080266|tlf=+542920561033|precio=|horario=Todo el año|descripción=Departamentos de 2 ambientes con capacidad para 4 personas. Equipados con cocina completa, WiFi, aire acondicionado, parrilla, TV, estacionamiento]. Atendidos por sus dueños.}} == Siguiente destino == == Enlaces externos == {{geo|||zoom=}} {{EstáEn|Provincia de Río Negro}} {{estado artículo|tipo=parque|calidad=esquemático}} cftoyumglc5qc7afanbsemz50j9z0b0 Plantilla:Ediciones 10 6579 253342 253221 2026-05-15T12:02:03Z Jembot 2355 Bot: Actualizando datos 253342 wikitext text/x-wiki {{<includeonly>safesubst:</includeonly>#switch:{{ucfirst:{{{1|{{{User|{{{user}}}}}}}}}}} |Jembot=26460 |Galahad=9224 |Renamed user 0f302287bb0255da1e6eba23d871d103=9156 |KLBot2=8323 |ZrbtWm=4725 |Zerojosefer=4146 |Aavargasp=4020 |Urci dream=4012 |Baji=3769 |Alan=3477 |Joancastro21=3441 |Igallards7=3382 |B1mbo=3110 |Mpeinadopa=3041 |Kizar=2933 |RolandUnger=2881 |MediaWiki message delivery=2794 |Elreysintrono=2763 |MABot=2451 |Aguzado=2446 |Meruleh=2338 |HrAd=2254 |Jorge Abellán=2210 |Bromoxido=2210 |Razr Nation=1687 |Green Mostaza=1461 |Green Mostaza Bot=1288 |Superzerocool=1252 |ElGuruCesar=1057 |Althair=1048 |Eclipsis Proteo=1042 |Patricio.lorente=997 |HJGN2=956 |Naturista2018=942 |Ksn.kenny=931 |Lomeno 24=920 |HrAd-ATO=906 |Jormtz=834 |CarsracBot=736 |Kirito=731 |Olea=716 |B1m-bot=713 |Sumone's bot=710 |Viajero del cantábrico=675 |SteveRBot=653 |Alakrano=620 |Grillitus=606 |Banfield=595 |TheDarkFear=576 |FocaBot=562 |Veronidae=543 |CommonsDelinker=526 |Texugo=486 |Jsmura=471 |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 |AnniAriel=327 |Igna=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=163 |Hmaglione10=161 |Millars=158 |Trescilindros=157 |Marinna=149 |Simon Peter Hughes=149 |Villalaso=147 |Hasley=143 |Linehalt=143 |SrCerberus=141 |Angela Ciccimarra25=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 |Isaac agredano=120 |Sonoko Konishi=120 |Juanantonaya=118 |Agustin Bartolome=112 |Rodriweb=111 |Alberto.turismo2023=109 |Esturismo=109 |Laberinto16=109 |B25es=108 |SHB2000=108 |Vinicius10=104 |Luxbane=104 |AlvaroMolina=99 |Zafkiel GD=95 |Stïnger=93 |The Sophocrat=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 |Barcex=77 |Mazbel=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 |Tourister21=62 |Salvador alc=62 |Strakhov=61 |Jluismendoza=61 |Hassanito69=61 |Soljaguar=61 |Villa de Zújar=60 |Hobbitschuster=60 |Hugener=59 |Adroidthene=59 |Carlosmatalive=58 |Decla971=58 |Pecohuh=58 |Invadibot=57 |DavidSedeno=56 |Luchy04=56 |GuDeMi=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 |Heimo66=51 |Minorax=51 |DMzlC=50 |HabibiAyllón=49 |Miacara76=49 |Carlosahuatzin=49 |JulieLespinasse=48 |Ji-Elle=47 |Lizluz89=46 |Arcibel=46 |Sanjorgepinho=46 |HeraldFrancisco NI=46 |Paula García=45 |Romaine=45 |RafaelVinueza=45 |Aqurs1=44 |Angel Casta Turismo2023=44 |Tipiskayla=44 |Mey2008=44 |Alrejo00=44 |Hprmedina=44 |Marmadri=43 |Varlaam=43 |Trymir=43 |EmausBot=42 |Chapeau.judicael=42 |Laura Fiorucci=42 |Alzinous=41 |Koavf=41 |MF-Warburg=41 |Ralf Roletschek=40 |Geógrafo23=40 |Maor X=40 |AntoFran=40 |Katdrei=40 |Edjoerv=40 |Herreral81=39 |Kolega2357-Bot=39 |Anonyme Wikipe-tan=38 |Pimpollo=38 |Sterlabot=38 |LaberintoBOT=38 |ViatorDigitalis=37 |Petefarrand=37 |Kolega2357=37 |Remux=37 |Darrelljon=36 |RBT2232=36 |FSDmar=35 |Meltryth=35 |Balou46=34 |Cgbraschi=34 |Renamed user 23o2iqy4ewqoiudh=34 |Ziv=34 |Rteranb=33 |Credcre=33 |Cmasi=33 |Jellysandwich0=33 |Alhen=33 |RomainGP=33 |Mfrancoavellaneda=33 |Judiosefardi=33 |Wikiwikiman28=32 |Giselle Bordoy (WMAR)=32 |Charai.06=32 |Santiagocienfuegosm=32 |Cynthia.turismo2023=32 |Guiller96=32 |Teseo=32 |5R-MFT=32 |Billinghurst=31 |Clock&horlogue=31 |Nicanlanu=31 |Wakapalabra=31 |Wilfredor=31 |(SVPG)=31 |Pietro=31 |Camilapulka=30 |Martin.rr=30 |Roarboleda=30 |Kulmalukko=30 |Feliperma18=30 |Eddy566=30 |EdwardsBot=30 |Tefita228=29 |Robertbt666=29 |Mmorell=29 |EmBOTellado=29 |Cacen Gymraeg=29 |Maejr=29 |Joseluis2352=28 |Sombra Inquieta=28 |Link58=28 |Fernando10000=28 |Jourdant=28 |Intelelihu=28 |NHhotels=28 |-ecarv-=28 |Chamarasca=28 |Adrián Cerón=28 |Rotideypoc41352=28 |Josefito123=28 |WhiskypediaXDDD=27 |Anibal Maysonet=27 |Alan ffm=27 |Antonio GarMi=27 |Mikas56=27 |Ferney antonio bolivar ramirez=27 |Rizos.13=27 |Bienvenidos Wikipedistas=27 |~2025-35644-08=26 |SoleFabrizio=26 |Guiller=26 |~riley=25 |Jofrigerio=25 |Tantoparanada=25 |Axmf=25 |Campagna 2007=25 |Rsanabriia=25 |Correogsk=25 |Vicocruz10=25 |Calciopedia=25 |Aaharoni-WMF=25 |Script de cambio de nombres de usuario=25 |Rodpractice=24 |Krinkle=24 |Peterfitzgerald=24 |Alpinu=24 |Sahaquiel9102=24 |Yandrak=24 |Karl776=23 |Kzamudio1020=23 |JesusLuc11=23 |Madamebiblio=23 |Seepferd=23 |Tradel=23 |Intijacinto=23 |CarlosEduardoPA=23 |MONUMENTALMELILLA=23 |Mayra García=23 |MJSB73MP=23 |AlbertonGil=23 |LuigiStudio=23 |ReyDerayos24=22 |Anaisagj=22 |ויקיג'אנקי=22 |Sergio Andres Segovia=22 |Dorieo=22 |Discasto=22 |Didival44=22 |EdwinJs=22 |Abelmas=22 |Ltronador=21 |Foximus04=21 |Someonehere12345=21 |~2025-36394-17=21 |Linealle=21 |Oscar .=21 |Luismiguel.vell=21 |AntonelaTroncoso=21 |AnónimoMCG=21 |Use223332237282=21 |ColaborarConBuenaFe=21 |CUNInsider=21 |Emijrp=21 |Holaquetalcomoteva=21 |Peripheria=21 |Aniverso=21 |Jinotega93=20 |Jara-Arroyo=20 |MathXplore=20 |Gray16=20 |Xarucoponce=20 |HakanIST=20 |Penquista=20 |Karturo332=20 |Andyrom75=20 |Txolo=19 |Carliitaeliza=19 |Rafael Calvo Alvarez=19 |Xiva91=19 |Yurek48=19 |-jem-=19 |Feliperma15=19 |Cuenqui=19 |Carsrac=19 |Pedrito63=19 |Mylovedsystem=19 |Attvaritoo Moninitaa DESBANEAME AHORRRAA EN IRC wikipedia-es OBEDECE=19 |Anjo-sozinho=19 |Quinlan83=19 |Handrian=19 |Toniamartinez=19 |Kasok=19 |AIvaroMolina=18 |Hari Seldon=18 |Montxohache=18 |~2026-11792-0=18 |Rkl=18 |Laurilsilva32=18 |DSan=18 |Martin Urbanec=18 |Kwamikagami=18 |Morza=18 |Johonana 21=18 |Aldo Fabian=18 |JorgeGamarraM=18 |隼鷹=18 |PaolaSelena=18 |Plantillero=17 |R1107=17 |Tierrasvivas=17 |Ladsgroup=17 |Litlok=17 |Hinestrosavive137=17 |Agomga14=17 |NoonIcarus=17 |Duar srs=17 |Jake Park=17 |Ana Matilde Upolo Ebuka=17 |Lmoras7=17 |Austral blizzard=17 |Cohenxx=17 |Irn=17 |AHT2018=17 |Patrickpedia=17 |Ulughmuztagh=17 |Majalindo=17 |Makea=17 |Syum90=17 |Tegel=16 |Rschen7754=16 |Jonhvalecilloss=16 |Ferjelo=16 |Jorge Blanco dragon=16 |Vogone=16 |Phoebe=16 |3BRBS=16 |Monchitooo=16 |Ivanhercaz=16 |Æ. L. V. Æ. R. Œ. * M. Œ. L. I. N. Æ=16 |Bestoernesto=16 |Zekialves=16 |Air fans=16 |Juliandiazmr=16 |Casandrii=16 |Loreestef23=16 |No invadamos Surco=16 |Fry1989=16 |MiguelAlanCS=16 |Rubores=16 |SernaturLosRios=16 |Mamagrrr=16 |Jcdemarca=16 |A01274192 Marlen=16 |Isaguinju=16 |Ykartz44=16 |Skipi=15 |AKardej=15 |Dpcossio=15 |Adr-geo=15 |Isabel A01706197=15 |Juan Emilio Prades Bel=15 |~2025-41754-89=15 |Ginés90=15 |Lojwe=15 |Glaisher=15 |Sereniis=15 |Renamed user 5dbfb4c0f8f1d8a129f7e872fb518963=15 |Macacc=15 |Sagoo.19=15 |Tai93=15 |Galopix=15 |JonaCalhoun=15 |Reinapepiada23=15 |Juancar22=15 |User93823728642=15 |NataSciuto=15 |Agomea=15 |MiPueblo2018=15 |Warko=15 |Ceancata=15 |A01274526 Diana=15 |Ayanami San=15 |Mrkstvns=15 |Lacasadeljotta=14 |HelloKitty2010=14 |Livalessi=14 |Euskaldunaa=14 |FLYTOCUBA=14 |Malvinero10=14 |Bobbbcat=14 |AIIIllttvaaardooo Moooommlliiinaaa DESBANEAME EN IRC wikipedia-es O TE MATO=14 |Raulitox69=14 |Nonita008=14 |Cyrax=14 |Michael junior obregon pozo=14 |Hispano77=14 |Radd94=14 |Adriana513=14 |Antonio132002=14 |Kisoito=14 |La enciclopedia libre 292929=14 |Lelacd'arth=14 |Pacopac=14 |#default=Usuario desconocido }}<noinclude>{{documentación}}</noinclude> qw0l5zq82k29jxbk6xi7ar2vydkemei Plantilla:Ranking de ediciones 10 6580 253343 253222 2026-05-15T12:02:04Z Jembot 2355 Bot: Actualizando ranking 253343 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|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 6 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 7 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4012}}]] |- | 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.]]), 15 de mayo de 2026, 12:00 (UTC)</small> |}<noinclude>{{documentación}}</noinclude> 0ub6ooiqa4dfj21zblre26nkkprpncd Wikiviajes:Ranking de ediciones 4 6581 253344 253223 2026-05-15T12:02:05Z Jembot 2355 Bot: Actualizando ranking 253344 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|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 6 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 7 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4012}}]] |- | 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:3382}}]] |- | 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|RolandUnger]] || [[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:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]] |- | 21 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{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:1057}}]] |- | 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:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]] |- | 39 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]] |- | 40 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]] |- | 41 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]] |- | 42 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]] |- | 43 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]] |- | 44 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]] |- | 45 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]] |- | 46 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]] |- | 47 || [[User:FocaBot|<span style="color:gray">FocaBot</span>]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]] |- | 48 || [[User:Veronidae|<span style="color:gray">Veronidae</span>]] || [[Special:Contributions/Veronidae|{{formatnum:543}}]] |- | 49 || [[User:Texugo|<span style="color:gray">Texugo</span>]] || [[Special:Contributions/Texugo|{{formatnum:486}}]] |- | 50 || [[User:Jsmura|Jsmura]] || [[Special:Contributions/Jsmura|{{formatnum:471}}]] {{/end}} 4sz8zumj25v3mljnljrcka44ppgoqbg Wikiviajes:Ranking de ediciones (incluye bots) 4 6582 253345 253224 2026-05-15T12:02:06Z Jembot 2355 Bot: Actualizando ranking 253345 wikitext text/x-wiki {{/begin|50}} |- | 1 || [[User:Jembot|Jembot]] (Bot) || [[Special:Contributions/Jembot|{{formatnum:26460}}]] |- | 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|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 7 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 8 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4012}}]] |- | 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:3382}}]] |- | 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|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]] |- | 17 || [[User:MediaWiki message delivery|MediaWiki message delivery]] (Bot) || [[Special:Contributions/MediaWiki message delivery|{{formatnum:2794}}]] |- | 18 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]] |- | 19 || [[User:MABot|MABot]] (Bot) || [[Special:Contributions/MABot|{{formatnum:2451}}]] |- | 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:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]] |- | 24 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{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:1057}}]] |- | 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:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]] |- | 42 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]] |- | 43 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]] |- | 44 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]] |- | 45 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]] |- | 46 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]] |- | 47 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]] |- | 48 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]] |- | 49 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]] |- | 50 || [[User:FocaBot|<span style="color:gray">FocaBot</span>]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]] {{/end}} 195z9qyct9wh4ydui9phm7yejm64hy8 Plantilla:Tasa de cambio/datos 10 8915 253372 253270 2026-05-15T19:02:03Z Jembot 2355 Bot: Actualizando datos 253372 wikitext text/x-wiki {{#switch:{{uc:{{{1|}}}}}<!-- Las cifras indican el valor de un dólar estadounidense en la moneda correspondiente--> |AED=3.67315 |AFN=62.503991 |ALL=81.803989 |AMD=368.230403 |ANG=1.79046 |AOA=918.000367 |ARS=1394.988104 |AUD=1.398142 |AWG=1.80125 |AZN=1.70397 |BAM=1.679591 |BBD=2.014943 |BDT=122.797752 |BGN=1.66992 |BHD=0.37725 |BIF=2976.5 |BMD=1 |BND=1.278909 |BOB=6.913254 |BRL=5.093041 |BSD=1.000386 |BTN=95.955961 |BWP=14.15113 |BYN=2.784023 |BYR=19600 |BZD=2.012057 |CAD=1.37543 |CDF=2247.50392 |CHF=0.78689 |CLF=0.023056 |CLP=907.420396 |CNY=6.809904 |COP=3813.82 |CRC=453.815434 |CUP=26.5 |CVE=95.150394 |CZK=20.92904 |DJF=177.720393 |DKK=6.430725 |DOP=59.550393 |DZD=132.91604 |ECS=25000 |EGP=52.903904 |EHP=143,1668337 |ERN=15 |ETB=157.550392 |EUR|€=0.86045 |FJD=2.207504 |FKP=0.74189 |GBP|£=0.750695 |GEL=2.680391 |GHS=11.44039 |GIP=0.74189 |GMD=72.503851 |GNF=8777.503848 |GTQ=7.632028 |GYD=209.304123 |HKD=7.830305 |HNL=26.62504 |HRK=6.483704 |HTG=130.99154 |HUF=311.22404 |IDR=17618 |ILS=2.91944 |INR=95.93505 |IQD=1310 |IRR=1319000.000352 |ISK=123.560386 |JMD=158.074628 |JOD=0.70904 |JPY|¥=158.707504 |KES=129.350385 |KGS=87.450384 |KHR=4012.503796 |KMF=424.00035 |KPW=900.001832 |KRW=1497.960383 |KWD=0.30864 |KYD=0.833713 |KZT=469.663269 |LAK=21950.000349 |LBP=89550.000349 |LKR=328.64007 |LRD=183.375039 |LSL=16.490381 |LTL=2.95274 |LVL=0.60489 |LYD=6.325039 |MAD=9.226039 |MDL=17.30718 |MGA=4183.000347 |MKD=53.013364 |MMK=2099.639995 |MNT=3579.473939 |MOP=8.068926 |MRU=40.000346 |MUR=47.180378 |MVR=15.410378 |MWK=1741.503736 |MXN=17.346604 |MYR=3.949504 |MZN=63.903729 |NAD=16.490377 |NGN=1370.480377 |NIO=36.720377 |NOK=9.30653 |NPR=153.529195 |NZD=1.71199 |OMR=0.384498 |PAB=1 |PEN=3.432504 |PGK=4.382039 |PHP=61.623504 |PKR=278.625038 |PLN=3.65625 |PYG=6096.44038 |QAR=3.645038 |RON=4.472604 |RSD=101.003038 |RUB=72.85375 |RWF=1460.5 |SAR=3.792948 |SBD=8.016322 |SCR=14.032627 |SDG=600.503676 |SEK=9.443205 |SGD=1.280435 |SHP=0.746601 |SLL=20969.502105 |SOS=571.503662 |SRD=37.453038 |SSP= |STD=20697.981008 |SVC=8.75 |SYP=110.532449 |SZL=16.490369 |THB=32.661038 |TJS=9.334009 |TMT=3.51 |TND=2.895504 |TOP=2.40776 |TRY=45.544615 |TTD=6.790913 |TWD=31.558038 |TZS=2600.000335 |UAH=44.173043 |UGX=3756.279789 |USD|$=1 |UYU=40.07042 |UZS=12050.000334 |VED= |VEF= |VES=510.148815 |VND=26355 |VUV=117.920453 |WST=2.705599 |XAF=563.328839 |XCD=2.70255 |XDR=0.699933 |XOF=563.000332 |XPF=102.850363 |YER=238.603589 |ZAR=16.682804 |ZMW=18.833249 |ZWL=321.999592 |#default=15 de mayo de 2026 }} hvaq9c50arhmn5qwdrz6yy4s8zx4sv2 Plantilla:IDDC/Imagen 10 12726 253410 253295 2026-05-16T00:00:06Z Jembot 2355 Bot: Actualizando imagen del día de Commons 253410 wikitext text/x-wiki Gurudongmar Lake Sikkim, India (edit).jpg p4zvme9zxo6ivzlr2xijwuc3bgbarow Plantilla:IDDC/Descripción 10 12727 253411 253296 2026-05-16T00:00:06Z Jembot 2355 Bot: Actualizando descripción de la imagen del día de Commons 253411 wikitext text/x-wiki El [[w:Lago Gurudongmar|lago Gurudongmar]] es un lago glaciar situado al norte del Himalaya, en el estado de [[w:Sikkim|Sikkim]], [[w:Noreste de India|noreste de India]], a una altitud de más de 5150 metros. El lago se alimenta de los glaciares del macizo de [[:c:Category:Kangchengyao|Khangchengyao]] y es considerado sagrado por budistas y sijs. 3v13bic0fp8xhe3cknhkpl9u7j7vkhq Wikiviajes:GUS2Wiki 4 15223 253413 252984 2026-05-16T11:42:40Z Alexis Jazz 20561 Updating gadget usage statistics from [[Special:GadgetUsage]] ([[phab:T121049]]) 253413 wikitext text/x-wiki {{#ifexist:Project:GUS2Wiki/top|{{/top}}|This page provides a historical record of [[Special:GadgetUsage]] through its page history. To get the data in CSV format, see wikitext. To customize this message or add categories, create [[/top]].}} Los siguientes datos provienen de la caché, y fueron actualizados por última vez a fecha de: 2026-05-16T11:09:23Z. La caché contiene {{PLURAL:5000|un resultado|5000 resultados}} como máximo. {| class="sortable wikitable" ! Accesorio !! data-sort-type="number" | Número de usuarios !! data-sort-type="number" | Usuarios activos |- |AjaxSysop || 1 || 0 |- |CaracteresOff || 5 || 0 |- |CorrectorOrtografico || 74 || 0 |- |DetectaDesambiguaciones || 63 || 0 |- |HotCat || 76 || 2 |- |RTRC || 16 || 0 |- |UTCLiveClock || 38 || 0 |- |boton-purgar || 24 || 0 |- |botonera || 51 || 0 |- |coloresdiscu || 12 || 0 |- |contrib-numeradas || 14 || 0 |- |corchete-refs || 20 || 0 |- |deluxe-history || 31 || 0 |- |editHysteria || 3 || 0 |- |edittop || 25 || 0 |- |mensajes-predefinidos || 29 || 0 |- |patrollinks || 1 || 0 |- |popups || 37 || 0 |- |quickeditcounter || 26 || 0 |- |reversion || 15 || 0 |- |rightsfilter || 11 || 0 |- |serena || 7 || 1 |- |typographyrefreshoverride || 4 || 0 |- |wikilimpia || 6 || 0 |} * [[Especial:Uso de accesorios]] * [[m:Meta:GUS2Wiki/Script|GUS2Wiki]] <!-- data in CSV format: AjaxSysop,1,0 CaracteresOff,5,0 CorrectorOrtografico,74,0 DetectaDesambiguaciones,63,0 HotCat,76,2 RTRC,16,0 UTCLiveClock,38,0 boton-purgar,24,0 botonera,51,0 coloresdiscu,12,0 contrib-numeradas,14,0 corchete-refs,20,0 deluxe-history,31,0 editHysteria,3,0 edittop,25,0 mensajes-predefinidos,29,0 patrollinks,1,0 popups,37,0 quickeditcounter,26,0 reversion,15,0 rightsfilter,11,0 serena,7,1 typographyrefreshoverride,4,0 wikilimpia,6,0 --> 09zwh99i43ccoq7kk6hkd4woe4d6k6o Wikiviajes:Usuarios activos 4 16437 253346 253225 2026-05-15T12:02:07Z Jembot 2355 Bot: Actualizando ranking 253346 wikitext text/x-wiki {{/begin|15}} |- | 1 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:78}}]] |- | 2 || [[User:Luxbane|Luxbane]] || [[Special:Contributions/Luxbane|{{formatnum:33}}]] |- | 3 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:31}}]] |- | 4 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:23}}]] |- | 5 || [[User:GiaDavi|GiaDavi]] || [[Special:Contributions/GiaDavi|{{formatnum:14}}]] |- | 6 || [[User:Duar srs|Duar srs]] || [[Special:Contributions/Duar srs|{{formatnum:9}}]] |- | 7 || [[User:Ansocal|Ansocal]] || [[Special:Contributions/Ansocal|{{formatnum:6}}]] |- | 8 || [[User:Y.eduardo|Y.eduardo]] || [[Special:Contributions/Y.eduardo|{{formatnum:5}}]] |- | 9 || [[User:Adryviel|Adryviel]] || [[Special:Contributions/Adryviel|{{formatnum:5}}]] |- | 10 || [[User:~2026-25119-66|~2026-25119-66]] || [[Special:Contributions/~2026-25119-66|{{formatnum:5}}]] |- | 11 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:4}}]] |- | 12 || [[User:Leispi|Leispi]] || [[Special:Contributions/Leispi|{{formatnum:4}}]] |- | 13 || [[User:ElPabloRN|ElPabloRN]] || [[Special:Contributions/ElPabloRN|{{formatnum:4}}]] |- | 14 || [[User:Maralapo|Maralapo]] || [[Special:Contributions/Maralapo|{{formatnum:4}}]] |- | 15 || [[User:Nolealess|Nolealess]] || [[Special:Contributions/Nolealess|{{formatnum:4}}]] {{/end}} d6qv0fg2b34yxsa3hbl0rz836ly2y6g Usuario:Jsmura/common.css 2 18363 253367 253326 2026-05-15T18:33:28Z Jsmura 5370 253367 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; } /* ════════════════════════════════ 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 ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .wvas a:not(.image):not([href*="action=edit"]):not([href*="section="])::after { content: ' ↗'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* El enlace [editar] no participa en el flex */ .wvas .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { 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; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .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: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } tutyujr09dgfmfpxmmm44sn5r1d4iis 253368 253367 2026-05-15T18:34:48Z Jsmura 5370 253368 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; } /* ════════════════════════════════ 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 ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .wvas a:not(.image):not([href*="action=edit"]):not([href*="section="])::after { content: ' ↗'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* El enlace [editar] no participa en el flex */ .wvas .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { 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; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } 29zcb91z8h38h83p7j8q7j28ioh8qmf 253373 253368 2026-05-15T20:42:33Z Jsmura 5370 253373 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; } /* ════════════════════════════════ 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 ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="])::after { content: ' ↗'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } /* 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; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { 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; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } 7dpv07u15ceq4er2w3nlxxthk0l8kym 253375 253373 2026-05-15T20:49:24Z Jsmura 5370 253375 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; } /* ════════════════════════════════ 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 ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-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; } /* 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; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { 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; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } ht786iebb7d8hsyukcadm4704cd22si 253376 253375 2026-05-15T20:52:16Z Jsmura 5370 253376 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; } /* ════════════════════════════════ 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 ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-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; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { 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; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } ik8fpiztouv97fv6cz5ia0h2hfj2tl9 253396 253376 2026-05-15T21:52:05Z Jsmura 5370 253396 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; } /* ════════════════════════════════ 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 ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-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; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { 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; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior de pestañas ── */ .htab-bar { background: #D4537E; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado (derecha → 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.22); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.18); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.18); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.2); } .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.18); } /* ── 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 del tab como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Área de paneles 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; } } 3qsfmzu2z35qe3zvtkftbdrztzvf37u Usuario:Jsmura/Taller2 2 18395 253370 253336 2026-05-15T18:41:10Z Jsmura 5370 253370 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.<div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</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! }} <!-- ================================================================ PLANTILLA: ACA ImageBanner ================================================================ --> {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Normas esenciales antes de empezar|icon=📋|icon bg=#FCEBEB}} <div class="cols-2-grid"> {{Usuario:Jsmura/Banner responsive |type=error |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/Banner responsive |type=warn |img=Wiki Sable Chibi Thinking.png |title=✍️ Tono coloquial, no académico |content=Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida. }} {{Usuario:Jsmura/Banner responsive |type=tip |img=Wiki Sable Chibi Thinking.png |title=⚖️ Honestidad y objetividad |content=Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña. }} {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.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 ================================================================ --> {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Map.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 ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Tipos de artículo en Wikiviajes|icon=📂|icon bg=#E1F5EE}} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador3|img=Wikivoyage-logo.svg|title=🗓️ Itinerario|subtitle=Rutas y recorridos}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador4|img=Wikivoyage-logo.svg|title=💬 Conversación|subtitle=Guías de idioma}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Map.png |title=🏙️ ¿Qué es un artículo de Destino? |content=Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{{!}} class="table-awesome" ! Subtipo !! Descripción y criterios !! Ejemplos {{!}}- {{!}} 🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> {{!}}{{!}} 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> {{!}}} }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content= {{Usuario:Jsmura/Callout responsive |type=purple |img=Wiki Sable Chibi Map.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. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Guiding.png |title=¡Crea tu artículo temático! |content=Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]]. }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador3|content= {{Usuario:Jsmura/Callout responsive |type=tip |img=Wiki Sable Chibi Camping.png |title=🗓️ ¿Qué es un itinerario? |content=Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado. }} {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Camping.png |title=⚠️ Requisitos mínimos para que sea aceptado |content=Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Camping.png |title=¡Crea tu itinerario! |content=Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]]. }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador4|content= {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Camping.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]»'''. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Writing.png |title=¡Crea tu guía de conversación! |content=Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales. }} }} }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=🔍 Antes de crear: verifica que no exista |content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos! }} {{Usuario:Jsmura/Callout responsive |type=tip |img=Wiki Sable Chibi Map.png |title=ℹ️ Elige el tipo antes de crear tu artículo |content=Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente. }} <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> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Referencia: ¿qué puede y qué no puede tener artículo propio?|icon=📌|icon bg=#FCEBEB}} {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wikivoyage-logo.svg |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= *Continentes (ej. [[África]]) *Regiones continentales (ej. [[Medio Oriente]]) *Países (ej. [[España]], [[México]]) *Regiones subnacionales (ej. [[Provincia de Buenos Aires]]) *Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]]) *Distritos de ciudades grandes *Parques nacionales y reservas naturales *Itinerarios que cumplen los criterios mínimos *Artículos temáticos genéricos sobre viajes *Guías de conversación de idiomas |bad title=🚫 Inaceptables |bad list= * Empresas y otras organizaciones * Museos, estatuas e instituciones de arte aisladas * Parques locales, plazas y calles * Festivales y eventos de reducida envergadura * Sistemas de transporte y estaciones * Personas, animales u objetos no relacionados con viajes * Cuerpos de agua como artículo independiente * Islas deshabitadas * Instalaciones gubernamentales o militares restringidas * Directorios web y páginas amarillas * [[WV:PROMO|Páginas de autopromoción]] * Revistas de viajes y anécdotas personales |note title=Ten en cuenta también que Wikiviajes no es: |note list= * Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto. * Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]]. * Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos. }} <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Niveles de calidad de un artículo|icon=⭐|icon bg=#EAF3DE}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Camping.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"> {{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> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Checklist antes de publicar|icon=✅|icon bg=#E1F5EE}} {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |list= * Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema. * El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica). * El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.). * El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor. * El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional. * Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver. * La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales. * Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados. * Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente. * Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre. }} <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|title=¿Dónde pedir ayuda?|icon=🤝|icon bg=#E6F1FB}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Camping.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"> {{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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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 ================================================================ --> {{Usuario:Jsmura/Callout responsive |type=tip |img=Wiki Sable Chibi Camping.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! }} o7rgzhr8g8dughsq3tr9r7pk0mfff26 253389 253370 2026-05-15T20:55:50Z Jsmura 5370 253389 wikitext text/x-wiki <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.<div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</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! }} <!-- ================================================================ PLANTILLA: ACA ImageBanner ================================================================ --> {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Normas esenciales antes de empezar|icon=📋|icon bg=#FCEBEB}} <div class="cols-2-grid"> {{Usuario:Jsmura/Banner responsive |type=error |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/Banner responsive |type=warn |img=Wiki Sable Chibi Thinking.png |title=✍️ Tono coloquial, no académico |content=Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida. }} {{Usuario:Jsmura/Banner responsive |type=tip |img=Wiki Sable Chibi Thinking.png |title=⚖️ Honestidad y objetividad |content=Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña. }} {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.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 ================================================================ --> {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Map.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 ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Tipos de artículo en Wikiviajes|icon=📂|icon bg=#E1F5EE}} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Destino|subtitle=Ciudades, regiones…}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Artículo temático|subtitle=Temas generales}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador3|img=Wikivoyage-logo.svg|title=🗓️ Itinerario|subtitle=Rutas y recorridos}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador4|img=Wikivoyage-logo.svg|title=💬 Conversación|subtitle=Guías de idioma}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Map.png |title=🏙️ ¿Qué es un artículo de Destino? |content=Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{{!}} class="table-awesome" ! Subtipo !! Descripción y criterios !! Ejemplos {{!}}- {{!}} 🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> {{!}}{{!}} 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'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> {{!}}{{!}} 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> {{!}}} }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content= {{Usuario:Jsmura/Callout responsive |type=purple |img=Wiki Sable Chibi Map.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. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Guiding.png |title=¡Crea tu artículo temático! |content=Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]]. }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador3|content= {{Usuario:Jsmura/Callout responsive |type=tip |img=Wiki Sable Chibi Camping.png |title=🗓️ ¿Qué es un itinerario? |content=Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado. }} {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Camping.png |title=⚠️ Requisitos mínimos para que sea aceptado |content=Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Camping.png |title=¡Crea tu itinerario! |content=Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]]. }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador4|content= {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Camping.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]»'''. }} {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Writing.png |title=¡Crea tu guía de conversación! |content=Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales. }} }} }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=🔍 Antes de crear: verifica que no exista |content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos! }} {{Usuario:Jsmura/Callout responsive |type=tip |img=Wiki Sable Chibi Map.png |title=ℹ️ Elige el tipo antes de crear tu artículo |content=Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente. }} <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> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Referencia: ¿qué puede y qué no puede tener artículo propio?|icon=📌|icon bg=#FCEBEB}} {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wikivoyage-logo.svg |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= *Continentes (ej. [[África]]) *Regiones continentales (ej. [[Medio Oriente]]) *Países (ej. [[España]], [[México]]) *Regiones subnacionales (ej. [[Provincia de Buenos Aires]]) *Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]]) *Distritos de ciudades grandes *Parques nacionales y reservas naturales *Itinerarios que cumplen los criterios mínimos *Artículos temáticos genéricos sobre viajes *Guías de conversación de idiomas |bad title=🚫 Inaceptables |bad list= * Empresas y otras organizaciones * Museos, estatuas e instituciones de arte aisladas * Parques locales, plazas y calles * Festivales y eventos de reducida envergadura * Sistemas de transporte y estaciones * Personas, animales u objetos no relacionados con viajes * Cuerpos de agua como artículo independiente * Islas deshabitadas * Instalaciones gubernamentales o militares restringidas * Directorios web y páginas amarillas * [[WV:PROMO|Páginas de autopromoción]] * Revistas de viajes y anécdotas personales |note title=Ten en cuenta también que Wikiviajes no es: |note list= * Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto. * Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]]. * Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos. }} <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Niveles de calidad de un artículo|icon=⭐|icon bg=#EAF3DE}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Camping.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"> {{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> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|title=Checklist antes de publicar|icon=✅|icon bg=#E1F5EE}} {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |list= * Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema. * El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica). * El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.). * El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor. * El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional. * Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver. * La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales. * Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados. * Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente. * Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre. }} <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|title=¿Dónde pedir ayuda?|icon=🤝|icon bg=#E6F1FB}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Camping.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"> {{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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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 ================================================================ --> {{Usuario:Jsmura/Callout responsive |type=tip |img=Wiki Sable Chibi Camping.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! }} 71uezo19b1qjp1s0t61yarl5w8hbk73 Usuario:Jsmura/common.js 2 18396 253397 253204 2026-05-15T21:52:29Z Jsmura 5370 253397 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('.sp-item').forEach(function(item) { item.addEventListener('click', function() { var target = this.dataset.panel; document.querySelectorAll('.sp-item').forEach(function(i) { i.classList.remove('active'); }); document.querySelectorAll('.sp-panel').forEach(function(p) { p.classList.remove('active'); }); this.classList.add('active'); var panel = document.getElementById('sp-' + target); if (panel) panel.classList.add('active'); }); }); /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ (function () { 'use strict'; /* ── Función de copia con fallback ── */ function copiarTexto(texto, btn) { function feedback() { btn.textContent = '✓ Copiado'; btn.classList.add('copied'); setTimeout(function () { btn.textContent = btn.dataset.mode === 'example' ? '📋 Copiar ejemplo' : '📋 Copiar plantilla'; btn.classList.remove('copied'); }, 2200); } if (navigator.clipboard && 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 = 'wv-doc-card wv-doc-example-card'; /* Cabecera */ var top = document.createElement('div'); top.className = 'wv-doc-card-top'; var label = document.createElement('span'); label.className = 'wv-doc-card-label example-label'; label.textContent = 'Ejemplo de uso'; var btn = document.createElement('span'); btn.className = 'wv-doc-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 = 'wv-doc-block'; var open = document.createElement('div'); open.className = 'wv-doc-block-open'; open.innerHTML = '<span class="wv-doc-brace">{{</span>' + '<span class="wv-doc-blockname">' + nombre + '</span>'; block.appendChild(open); var params = document.createElement('div'); params.className = 'wv-doc-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('wv-doc-req'); var div = document.createElement('div'); div.className = 'wv-doc-row ' + (isReq ? 'wv-doc-req' : 'wv-doc-opt'); div.innerHTML = '<span class="wv-doc-pipe">|</span>' + '<span class="wv-doc-key">' + key + '</span>' + '<span class="wv-doc-eq">=</span>' + '<span class="wv-doc-example-val">' + ejemplo + '</span>'; params.appendChild(div); }); block.appendChild(params); var close = document.createElement('div'); close.className = 'wv-doc-block-close'; close.innerHTML = '<span class="wv-doc-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('.wv-doc-outer').forEach(function (wrap) { var nombre = (wrap.dataset.tplname || '').trim(); var filas = wrap.querySelectorAll('.wv-doc-row'); /* Botón copiar sintaxis */ var btnSintaxis = wrap.querySelector('.wv-doc-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('.wv-doc-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'; /* ── Genera las formas del fondo animado ── */ 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 el loop continuo. Cada rep genera suficientes formas para cubrir pantallas anchas. */ 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; }); } /* ── Cambia de panel en un .htab-wrap ── */ function switchHTab(wrap, targetId) { /* Desactivar pestañas */ wrap.querySelectorAll('.htab-tab').forEach(function (t) { t.classList.remove('active'); }); /* Activar la pestaña correcta */ var activeTab = wrap.querySelector('.htab-tab[data-htab="' + targetId + '"]'); if (activeTab) activeTab.classList.add('active'); /* Desactivar paneles */ wrap.querySelectorAll('.htab-panel').forEach(function (p) { p.classList.remove('active'); }); /* Activar panel */ var panel = wrap.querySelector('#htab-' + targetId); if (panel) panel.classList.add('active'); } /* ── Delegación de eventos en cada barra de pestañas ── */ function initHTabSelectors() { document.querySelectorAll('.htab-tabs').forEach(function (tabsEl) { 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) return; var wrap = tab.closest('.htab-wrap'); if (!wrap) return; switchHTab(wrap, targetId); }); /* Soporte teclado: Enter y Space activan la pestaña */ tabsEl.addEventListener('keydown', function (e) { if (e.key !== 'Enter' && e.key !== ' ') return; var tab = e.target.closest('.htab-tab'); if (!tab) return; e.preventDefault(); tab.click(); }); }); } /* ── Inicialización ── */ function init() { buildHTabBackground(); initHTabSelectors(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } }()); 2tfwyy5h96st5dxc82s4pm07pc28j7r Usuario:Jsmura/Banner images responsive 2 18397 253386 253329 2026-05-15T20:54:01Z Jsmura 5370 253386 wikitext text/x-wiki <div class="config-general wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} </noinclude> 7gipztuat3p27rxeufk48thxe0wug0h Usuario:Jsmura/Header awesome 2 18398 253354 253323 2026-05-15T16:45:23Z Jsmura 5370 253354 wikitext text/x-wiki <div class="wvas-sh">{{#if:{{{icon|}}}|<div class="wvas-sh-icon" style="background:{{{icon bg|#FCEBEB}}};">{{{icon}}}</div>}} {{#switch:{{{nivel|1}}}|1=<h1>|2=<h2>|3=<h3>|4=<h4>|5=<h5>|#default=<h1>}} {{{title|Normas esenciales antes de empezar}}} {{#switch:{{{nivel|1}}}|1=</h1>|2=</h2>|3=</h3>|4=</h4>|5=</h5>|#default=</h1>}} <div class="wvas-sh-line"></div> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }}</noinclude> p4evkolasihel2gezqrxuu82ddkpcv4 253380 253354 2026-05-15T20:53:05Z Jsmura 5370 253380 wikitext text/x-wiki <div class="config-general wvas-sh">{{#if:{{{icon|}}}|<div class="wvas-sh-icon" style="background:{{{icon bg|#FCEBEB}}};">{{{icon}}}</div>}} {{#switch:{{{nivel|1}}}|1=<h1>|2=<h2>|3=<h3>|4=<h4>|5=<h5>|#default=<h1>}} {{{title|Normas esenciales antes de empezar}}} {{#switch:{{{nivel|1}}}|1=</h1>|2=</h2>|3=</h3>|4=</h4>|5=</h5>|#default=</h1>}} <div class="wvas-sh-line"></div> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }}</noinclude> 9rl52mkdyxfw3qoejuiljo1l56f8z8d Usuario:Jsmura/Banner responsive 2 18399 253361 253272 2026-05-15T18:03:28Z Jsmura 5370 253361 wikitext text/x-wiki <div class="wvas-norma wvas-n-{{{type|error}}}"> {{#if:{{{img|}}}<div class="wvas-norma-mascot">[[Archivo:{{{img}}}|link=|alt=]]</div>}} <div class="wvas-norma-content"> <div class="wvas-norma-title">{{{title|🚫 Sin copias — evita el plagio}}}</div> <div class="wvas-norma-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>{{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|opt||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.}} }}</noinclude> ry5gfpgwzrj1shxxw8q398it3hh0oin 253362 253361 2026-05-15T18:06:15Z Jsmura 5370 253362 wikitext text/x-wiki <div class="wvas-norma wvas-n-{{{type|error}}}"> <div class="wvas-norma-mascot">[[Archivo:{{{img|Wiki Sable Chibi Thinking.png}}}|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">{{{title|🚫 Sin copias — evita el plagio}}}</div> <div class="wvas-norma-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>{{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.}} }}</noinclude> qr88it9s0njmfjoec5z6nckp4rz7ff5 253374 253362 2026-05-15T20:42:48Z Jsmura 5370 253374 wikitext text/x-wiki <div class="config-general wvas-norma wvas-n-{{{type|error}}}"> <div class="wvas-norma-mascot">[[Archivo:{{{img|Wiki Sable Chibi Thinking.png}}}|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">{{{title|🚫 Sin copias — evita el plagio}}}</div> <div class="wvas-norma-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>{{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.}} }}</noinclude> qnx50ogbnto2kwrcpuj3hi48ylflu39 Usuario:Jsmura/Callout responsive 2 18400 253381 253271 2026-05-15T20:53:13Z Jsmura 5370 253381 wikitext text/x-wiki <div class="config-general wvas-callout wvas-co-{{{type|info}}}" > <div class="wvas-callout-mascot">[[Archivo:{{{img|Wiki Sable Chibi Map.png}}}|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">{{{title|ℹ️ Elige el tipo antes de crear tu artículo}}}</div> <div class="wvas-callout-body">{{{content|Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}}}</div> </div> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }}</noinclude> sgcyc1waufms08skx784hbo4h2edm99 Usuario:Jsmura/Card info responsive 2 18401 253358 253216 2026-05-15T17:53:22Z Jsmura 5370 253358 wikitext text/x-wiki <div class="wvas-tipo-card wvas-tc-{{{type|destino}}}"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:{{{img|Wiki Sable Chibi Bus Parade.png}}}|link=|alt=Img]]</div> <h3>{{{title|🏙️ Destino}}}</h3> </div> <div class="wvas-tipo-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> <div class="wvas-tipo-ej">{{{subcontent|Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}}}</div> {{#if:{{{tag|}}}|<span class="wvas-tipo-tag">{{{tag|[[#wvas-sec-destino|→ Ir a la sección Destino]]}}}</span>}} </div><noinclude>{{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|req||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|req||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} {{Usuario:Jsmura/DocParam|tag|opt||[[#seccion|→ Ir a la sección Destino]]}} }}</noinclude> mp31yn2p8sa86q64x44okijtqhuwzbn 253359 253358 2026-05-15T17:58:53Z Jsmura 5370 253359 wikitext text/x-wiki <div class="wvas-tipo-card wvas-tc-{{{type|destino}}}"> <div class="wvas-tipo-card-top"> {{#if:{{{img|}}}|<div class="wvas-tipo-icon">[[Archivo:{{{img}}}|link=|alt=Img]]</div>}} <h3>{{{title|🏙️ Destino}}}</h3></div> <div class="wvas-tipo-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="wvas-tipo-ej">{{{subcontent}}}</div>}} {{#if:{{{tag|}}}|<span class="wvas-tipo-tag">{{{tag|[[#wvas-sec-destino|→ Ir a la sección Destino]]}}}</span>}} </div><noinclude>{{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.}} }}</noinclude> rtoeld1nlf7d1i2s0gzifw1yvq28ku2 253379 253359 2026-05-15T20:52:52Z Jsmura 5370 253379 wikitext text/x-wiki <div class="config-general wvas-tipo-card wvas-tc-{{{type|destino}}}"> <div class="wvas-tipo-card-top"> {{#if:{{{img|}}}|<div class="wvas-tipo-icon">[[Archivo:{{{img}}}|link=|alt=Img]]</div>}} <h3>{{{title|🏙️ Destino}}}</h3></div> <div class="wvas-tipo-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="wvas-tipo-ej">{{{subcontent}}}</div>}} {{#if:{{{tag|}}}|<span class="wvas-tipo-tag">{{{tag|[[#wvas-sec-destino|→ Ir a la sección Destino]]}}}</span>}} </div><noinclude>{{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.}} }}</noinclude> 9ulek7omqnrfatfbl0al7jr5msam6nz Usuario:Jsmura/Create article responsive 2 18402 253384 253218 2026-05-15T20:53:43Z Jsmura 5370 253384 wikitext text/x-wiki <div class="config-general wvas-create"> <div class="wvas-create-mascot">[[Archivo:{{{img|Wiki Sable Chibi Bus Parade.png}}}|link=|alt=]]</div> <h3>{{{title|¡Crea tu artículo de Destino!}}}</h3> <p>{{{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]]}}}</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }}</noinclude> 3dthi6adruy0mr87l2mggx0g4dm6o5h Usuario:Jsmura/Checklist 2 cols responsive 2 18403 253383 253328 2026-05-15T20:53:29Z Jsmura 5370 253383 wikitext text/x-wiki <div class="config-general wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]] <h3>{{{title|Artículos aceptables e inaceptables en Wikiviajes}}}</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">{{{ok title|✅ Aceptables}}}</div> <ul class="wvas-ref-list"> {{{ok list| * item 1 * item 2}}} </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">{{{bad title|🚫 Inaceptables}}}</div> <ul class="wvas-ref-list"> {{{bad list| * item 1 * item 2}}} </ul> </div> </div> {{#if:{{{note title|}}} |<div class="wvas-ref-nota"><strong>{{{note title|Ten en cuenta también que Wikiviajes no es:}}}</strong> <ul> {{{note list| * item 1 * item 2}}} </ul> </div>}} </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }}</noinclude> l6by8m73c8rxvvh45g7isjmmtp9zqwq Usuario:Jsmura/Checklist responsive 2 18404 253382 253211 2026-05-15T20:53:20Z Jsmura 5370 253382 wikitext text/x-wiki <div class="config-general wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=|alt=]] <h3>{{{title|¿Listo/a para publicar? Verifica estos 10 puntos}}}</h3> </div> <ul class="wvas-check-list"> {{{list| * item 1 * item 2}}} </ul> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }}</noinclude> ehsagq6vz5j3dokznyx51wtsqm3492v Usuario:Jsmura/Card info small responsive 2 18405 253360 253209 2026-05-15T18:00:22Z Jsmura 5370 253360 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-{{{type|1}}}"> {{#if:{{{img|}}}|<div class="wvas-nivel-icon">[[Archivo:{{{img}}}|link=|alt=]]</div>}} <h4>{{{title|📄 Esbozo}}}</h4> <p>{{{content|Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}}</p> </div><noinclude>{{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}} }}</noinclude> s6bd6az1bca7dw6i10y2b9fvxzxo1e7 253378 253360 2026-05-15T20:52:45Z Jsmura 5370 253378 wikitext text/x-wiki <div class="config-general wvas-nivel wvas-nv-{{{type|1}}}"> {{#if:{{{img|}}}|<div class="wvas-nivel-icon">[[Archivo:{{{img}}}|link=|alt=]]</div>}} <h4>{{{title|📄 Esbozo}}}</h4> <p>{{{content|Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}}}</p> </div><noinclude>{{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}} }}</noinclude> 5za50ru3n0eas5ilufgo9x90e7exu1d Ayuda:Framework para el diseño de páginas 12 18406 253349 253341 2026-05-15T16:26:51Z Jsmura 5370 /* Elementos responsive de ancho completo */ 253349 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |} = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = 2jxra403az3gcdhbyyqjcpaf8i7nojh 253350 253349 2026-05-15T16:27:25Z Jsmura 5370 /* Elementos responsive de ancho completo */ 253350 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |} = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= == test == {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = k309w0ybuxfuwdp918mth6micjjf7pk 253351 253350 2026-05-15T16:27:49Z Jsmura 5370 253351 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |} = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= = test = {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = m1m1bmnv0hqnta9i465lviqa29dfapm 253352 253351 2026-05-15T16:37:22Z Jsmura 5370 /* Elementos responsive de ancho completo */ 253352 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |} = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = sm435ny567kg25ks0nvmw0p2vvsntkm 253353 253352 2026-05-15T16:43:45Z Jsmura 5370 253353 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |} = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = hijx3kh6vb8336vu8ua88mrghzk0u5v 253355 253353 2026-05-15T16:52:41Z Jsmura 5370 /* Elementos responsive de ancho completo */ 253355 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |} = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = a8g9u3acj9nltss3viue8pyn9llul41 253356 253355 2026-05-15T17:01:21Z Jsmura 5370 253356 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive seccionados = = Elementos texto inline = 3fosf7uxu8t05umje14026qa29nqx2k 253357 253356 2026-05-15T17:44:11Z Jsmura 5370 253357 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} |main 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/Selector responsive/Content item|id=id1|activo=sí|content= {{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.}} }} }} }} = Elementos texto inline = 8208omttbd1wmcbbvjbmwguhrsf62mr 253364 253357 2026-05-15T18:10:16Z Jsmura 5370 /* Elementos responsive parciales */ 253364 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|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}} }} }} }} = Elementos texto inline = kz7kuwebwhrfxtwkpb258cwii6aquke 253365 253364 2026-05-15T18:11:00Z Jsmura 5370 /* Elementos responsive parciales */ 253365 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=Solo se debe colocar '''UNO''' por cada página. Dos o más arruina el funcionamiento de la plantilla. }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos texto inline = nycc40s3x0fjvmb7djy0wqmunxpmwme 253366 253365 2026-05-15T18:13:01Z Jsmura 5370 /* Elementos responsive de ancho completo */ 253366 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos texto inline = ohuj7n2q1ube9tpby7h0kyf4965mg94 253390 253366 2026-05-15T21:21:26Z Jsmura 5370 /* Elementos responsive parciales */ 253390 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos estructuras de columnas responsive = Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <div class="cols-2-grid"> {{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/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. }} </div> }} {{Usuario:Jsmura/Selector responsive/Content item|id=idb2|content= <div class="cols-3-grid"> {{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/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/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 }} </div> }} {{Usuario:Jsmura/Selector responsive/Content item|id=idb3|content= <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 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/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/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} </div> }} {{Usuario:Jsmura/Selector responsive/Content item|id=idb4|content= <div class="cols-20-80-grid"> [[Archivo:Wiki Sable Adult.png|150px|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|150px|link=|alt=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} = Elementos texto inline = a2v4lsrk2qfb4brwft48e20vvpyndyo 253391 253390 2026-05-15T21:26:51Z Jsmura 5370 /* Elementos estructuras de columnas responsive */ 253391 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos estructuras de columnas responsive = Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <pre> <div class="cols-2-grid"> Elemento 1 Elemento 2 </div> </pre> <div class="cols-2-grid"> {{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/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. }} </div> }} {{Usuario:Jsmura/Selector 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/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/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/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 }} </div> }} {{Usuario:Jsmura/Selector 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 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/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/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} </div> }} {{Usuario:Jsmura/Selector 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|150px|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|150px|link=|alt=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} = Elementos texto inline = 2n2ztqxof3mkvb9vt39l8ixsk1q2m3t 253392 253391 2026-05-15T21:31:00Z Jsmura 5370 /* Elementos responsive de ancho completo */ 253392 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos estructuras de columnas responsive = Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <pre> <div class="cols-2-grid"> Elemento 1 Elemento 2 </div> </pre> <div class="cols-2-grid"> {{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/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. }} </div> }} {{Usuario:Jsmura/Selector 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/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/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/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 }} </div> }} {{Usuario:Jsmura/Selector 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 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/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/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} </div> }} {{Usuario:Jsmura/Selector 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|150px|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|150px|link=|alt=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} = Elementos texto inline = ctw52bpmzh34t3blb5g8rgcm14jlsk5 253394 253392 2026-05-15T21:34:30Z Jsmura 5370 /* Elementos estructuras de columnas responsive */ 253394 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos estructuras de columnas responsive = Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <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> }} {{Usuario:Jsmura/Selector 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/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/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/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 }} </div> }} {{Usuario:Jsmura/Selector 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 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/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/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} </div> }} {{Usuario:Jsmura/Selector 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|150px|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|150px|link=|alt=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} = Elementos texto inline = ruaxtcrgzhxn7cd1u2m71tvo7t3in8s 253395 253394 2026-05-15T21:51:00Z Jsmura 5370 /* Elementos estructuras de columnas responsive */ 253395 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. = Elementos responsive de ancho completo = A pesar de que todos los elementos son responsive, por lo que se pueden utilizar sin problemas en cualquier estructura, estos elementos están especialmente diseñados para ocupar todo el ancho de la página. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} = Elementos responsive parciales = Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} = Elementos estructuras de columnas responsive = Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} = Elementos texto inline = fsw2ms4n7gawqjg18opwx5uo7kf3r2k 253404 253395 2026-05-15T22:37:36Z Jsmura 5370 253404 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {{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 responsive}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|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. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content= Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content= Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} }} }} ika5tri58gm5kq89yx2tx5zexctx9ol 253405 253404 2026-05-15T22:38:33Z Jsmura 5370 253405 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {{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 responsive}} {{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. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||Colorful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe color un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content= Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content= Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content= }} }} b3nsexbtwzdstpm17gdn9pl8y7fz0p3 253406 253405 2026-05-15T22:47:26Z Jsmura 5370 253406 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. {{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. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id1|activo=sí|img=Wikivoyage-logo.svg|title=Banner tipo Hero|subtitle=Ideal para comenzar un artículo}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id2|img=Wikivoyage-logo.svg|title=Tira de 5 imágenes|subtitle=Puede servir tanto como un separador como un elemento visual en general}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id7|img=Wikivoyage-logo.svg|title=Callout responsive|subtitle=Banner capaz de robar la atención para mostar información importante}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id9|img=Wikivoyage-logo.svg|title=Table awesome|subtitle=Tabla bonita que reemplaza a la normal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id8|img=Wikivoyage-logo.svg|title=Header awesome|subtitle=Títulos para las secciones de las páginas. Reemplaza los <nowiki>= Título =</nowiki>}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id3|img=Wikivoyage-logo.svg|title=Checklist|subtitle=Lista de ítems de comprobación}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id4|img=Wikivoyage-logo.svg|title=Checklist 2 columnas|subtitle=Lista de ítems con columnas buenas y malas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id5|img=Wikivoyage-logo.svg|title=Crear artículos|subtitle=Sección para crear artículos, con instrucciones}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=id6|img=Wikivoyage-logo.svg|title=Selector de contenidos|subtitle=Selector como el usado para esta sección}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=id1|activo=sí|content= {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} {{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id2|content= {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner images responsive |desc=Banner con cinco imágenes que actúan como un elemento gráfico introductorio. |params= {{Usuario:Jsmura/DocParam|img1|req||Delicious Street Food - 2.jpg}} {{Usuario:Jsmura/DocParam|img2|req||Sinulog Festival (2023) contingents in street dance 05.jpg}} {{Usuario:Jsmura/DocParam|img3|req||Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}} {{Usuario:Jsmura/DocParam|img4|req||Jennie Milton Uçurtma Kayağı.jpg}} {{Usuario:Jsmura/DocParam|img5|req||ful autumn forest.jpg}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id7|content= {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Stop.png |title=💥 '''ATENCIÓN''' |content=Acabo de robar tu atención. }} {{Usuario:Jsmura/DocSintaxis |nombre=Callout responsive |desc=Recuadro vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Map.png}} {{Usuario:Jsmura/DocParam|title|req||ℹ️ Elige el tipo antes de crear tu artículo}} {{Usuario:Jsmura/DocParam|content|req||Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id9|content= {{{!}} class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}- {{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}{{!}} Ejemplo {{!}}} {{Usuario:Jsmura/Callout responsive |type=info |img=Wiki Sable Chibi Seeking.png |title=Forma de usarse |content=Puedes añadir tantas columnas o filas como desees. Esta tabla puede usarse a partir de la tabla normal de la wiki, solo se debe agregar como propiedad <pre>class="table-awesome"</pre> }} <pre>{| class="table-awesome" ! Texto de cabecera !! Texto de cabecera !! Texto de cabecera |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |- | Ejemplo || Ejemplo || Ejemplo |}</pre> }} {{Usuario:Jsmura/Selector responsive/Content item|id=id8|content= {{Usuario:Jsmura/Header awesome|title=Título nivel 1|nivel=1|icon=📋|icon bg=#1f55ad}} {{Usuario:Jsmura/Header awesome|title=Título nivel 2|nivel=2|icon=❤️|icon bg=#3B82F6}} {{Usuario:Jsmura/Header awesome|title=Título nivel 3|nivel=3|icon=👌|icon bg=#5288e0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 4|nivel=4|icon=🎶|icon bg=#a8c4f0}} {{Usuario:Jsmura/Header awesome|title=Título nivel 5|nivel=5|icon=😎|icon bg=#b6cbec}} {{Usuario:Jsmura/DocSintaxis |nombre=Header awesome |desc=Header bonito. |nota1=Puedes elegir el nivel de title según conveniencia. E.g.: ==Título nivel 1==, ===Título nivel 2===, etc. |params= {{Usuario:Jsmura/DocParam|title|req||Normas esenciales antes de empezar}} {{Usuario:Jsmura/DocParam|nivel|opt|1 / 2 / 3 / 4 / 5|1}} {{Usuario:Jsmura/DocParam|icon|opt||📋}} {{Usuario:Jsmura/DocParam|icon bg|opt||#FCEBEB}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id3|content= {{Usuario:Jsmura/Checklist responsive |img=Wikivoyage-logo.svg |title=¿Listo/a para publicar? Verifica estos 10 puntos |content=* item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist responsive |desc=Lista de ítems a considerar. |params= {{Usuario:Jsmura/DocParam|img|req||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||¿Listo/a para publicar? Verifica estos 10 puntos}} {{Usuario:Jsmura/DocParam|content|req| |* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id4|content= {{Usuario:Jsmura/Checklist 2 cols responsive |img=Wiki Sable Chibi Bus Parade.png |title=Artículos aceptables e inaceptables en Wikiviajes |ok title=✅ Aceptables |ok list= * item 1 * item 2 |bad title=🚫 Inaceptables |bad list= * item 1 * item 2 |note title=Ten en cuenta también que Wikiviajes no es: |note list= * item 1 * item 2 }} {{Usuario:Jsmura/DocSintaxis |nombre=Checklist 2 cols responsive |desc=Doble lista para comprobaciones de ítems buenos y malos. |notas=* Puedes colocar tantos items (* item) como desees. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||Artículos aceptables e inaceptables en Wikiviajes}} {{Usuario:Jsmura/DocParam|ok title|req||✅ Aceptables}} {{Usuario:Jsmura/DocParam|ok list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|bad title|req||🚫 Inaceptables}} {{Usuario:Jsmura/DocParam|bad list|req||* item 1 * item 2}} {{Usuario:Jsmura/DocParam|note title|opt||Ten en cuenta también que Wikiviajes no es:}} {{Usuario:Jsmura/DocParam|note list|opt||* item 1 * item 2}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id5|content= {{Usuario:Jsmura/Create article responsive |img=Wiki Sable Chibi Bus Parade.png |title=¡Crea tu artículo de Destino! |content=Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]] }} {{Usuario:Jsmura/DocSintaxis |nombre=Create article responsive |desc=Recuadro para crear un artículo. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu artículo de Destino!}} {{Usuario:Jsmura/DocParam|content|req||Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto: [[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=id6|content= {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= |main content= }} {{Usuario:Jsmura/Callout responsive |type=error |img=Wiki Sable Chibi Shouting.png |title=Advertencia |content=No se debe colocar un selector dentro de otro selector: esto arruinaría el funcionamiento de la plantilla }} {{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector responsive/Content item|id=identificador1|activo=sí|content=1}} {{Selector responsive/Content item|id=identificador2|content=2}}</nowiki> }} }} }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|content= Estos elementos, si bien responsive y pueden adaptarse fácilmente a cualquier tamaño de pantalla, son mejores cuando son usados en estructuras parciales, como las columnas responsive. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida1|activo=sí|img=Wikivoyage-logo.svg|title=Banner responsive|subtitle=Banner usarse en estructuras como las columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida2|img=Wikivoyage-logo.svg|title=Card info responsive|subtitle=Card en la que se puede colocar mucha información}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida3|img=Wikivoyage-logo.svg|title=Card info small responsive|subtitle=Card pequeña para información puntual}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=ida4|img=Wikivoyage-logo.svg|title=Card info medium responsive|subtitle=Card mediana para colocar un enlace}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=ida1|activo=sí|content= {{Usuario:Jsmura/Banner responsive |type=info |img=Wiki Sable Chibi Thinking.png |title=🚫 Sin copias — evita el plagio |content=No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero. }} {{Usuario:Jsmura/DocSintaxis |nombre=Banner responsive |desc=Banner vistozo para resaltar información importante. |params= {{Usuario:Jsmura/DocParam|type|req|error / warn / tip /info / purple|info}} {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi Thinking.png}} {{Usuario:Jsmura/DocParam|title|req||🚫 Sin copias — evita el plagio}} {{Usuario:Jsmura/DocParam|content|req||No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida2|content= {{Usuario:Jsmura/Card info responsive |type=destino |img=Wiki Sable Chibi Bus Parade.png |title=🏙️ Destino |content=Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes. |subcontent=Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos. }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info responsive |desc=Inserta una tarjeta de información amplia, con espacio para varios tipos de texto. |params= {{Usuario:Jsmura/DocParam|type|req|destino / tematico / itinerario / conv|destino}} {{Usuario:Jsmura/DocParam|img|opt||Wiki Sable Chibi Bus Parade.png}} {{Usuario:Jsmura/DocParam|title|req||🏙️ Destino}} {{Usuario:Jsmura/DocParam|content|req||Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.}} {{Usuario:Jsmura/DocParam|subcontent|opt||Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida3|content= {{Usuario:Jsmura/Card info small responsive |type=1 |img=Wikivoyage-logo.svg |title=📄 Esbozo |content=Artículo recién creado con información básica. Punto de partida de todo artículo nuevo }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información pequeña, para texto compacto y destacable. |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|title|req||📄 Esbozo}} {{Usuario:Jsmura/DocParam|content|req||Artículo recién creado con información básica. Punto de partida de todo artículo nuevo}} }} }} {{Usuario:Jsmura/Selector responsive/Content item|id=ida4|content= {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=Wikiviajes:Taberna |title=☕ Taberna de la comunidad |subtitle=El espacio principal de debate y consultas de la comunidad de Wikiviajes }} {{Usuario:Jsmura/DocSintaxis |nombre=Card info medium responsive |desc=Inserta una tarjeta de información mediana |params= {{Usuario:Jsmura/DocParam|img|opt||Wikivoyage-logo.svg}} {{Usuario:Jsmura/DocParam|link|req||Wikiviajes:Taberna}} {{Usuario:Jsmura/DocParam|title|req||☕ Taberna de la comunidad}} {{Usuario:Jsmura/DocParam|subtitle|req||El espacio principal de debate y consultas de la comunidad de Wikiviajes}} }} }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|content= Estos elementos son estructuras de columnas. Pueden colocarse dentro cualquier elemento. Cada subelemento se separa con un salto de línea (''doble enter''). Los subelementos se van ordenando automáticamente en filas también. {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb1|activo=sí|img=Wikivoyage-logo.svg|title=2 columnas|subtitle=Estructura para 2 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb2|img=Wikivoyage-logo.svg|title=3 columnas|subtitle=Estructura para 3 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb3|img=Wikivoyage-logo.svg|title=4 columnas|subtitle=Estructura para 4 columnas}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=idb4|img=Wikivoyage-logo.svg|title=20/80 columnas|subtitle=Estructura para 20% / 80% columnas}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=idb1|activo=sí|content= <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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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> }} {{Usuario:Jsmura/Selector 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=]] {{Usuario:Jsmura/Hero responsive |img=Wiki Sable Chibi.png |title=¡Crea tu guía de viaje en Wikiviajes! |subtitle=Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable. |content='''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar. }} </div> }} }} }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid4|content= }} }} mnhgx5a54318ux8nc3sk4lx0e64n9yu Usuario:Jsmura/DocSintaxis 2 18407 253388 253340 2026-05-15T20:54:22Z Jsmura 5370 253388 wikitext text/x-wiki <div class="config-general wv-doc-outer" data-tplname="{{{nombre}}}"> <div class="wv-doc-intro"> <div class="wv-doc-intro-top"><div> <h3 class="wv-doc-tname-head">{{{nombre}}}</h3> <p class="wv-doc-desc">{{{desc}}}</p> </div> </div><p class="wv-doc-hint">Rellena los parámetros <span class="wv-doc-req-inline">obligatorios</span> y omite los <span class="wv-doc-opt-inline">opcionales</span> que no necesites. Usa <strong>Copiar</strong> para obtener la plantilla lista.</p> <div class="wv-doc-legend"><span class="wv-doc-leg wv-doc-req-leg">Obligatorio</span><span class="wv-doc-leg wv-doc-opt-leg">Opcional</span></div> <div class="wv-doc-card wv-doc-syntax-card"> <div class="wv-doc-card-top"><span class="wv-doc-card-label">Sintaxis</span><span class="wv-doc-copy-btn" role="button" tabindex="0" data-mode="syntax">📋 Copiar plantilla</span></div> <div class="wv-doc-block"><div class="wv-doc-block-open"><span class="wv-doc-brace">{{</span><span class="wv-doc-blockname">{{{nombre}}}</span></div> <div class="wv-doc-params">{{{params}}}</div> <div class="wv-doc-block-close"><span class="wv-doc-brace">}}</span></div> </div> </div> <div class="wv-doc-example-placeholder"></div>{{#if:{{{notas|}}} |<div class="wv-doc-foot2er"><ul class="wv-doc-nota"> {{{notas}}} </ul> </div>}} </div> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=DocSintaxis |desc=Bloque principal de documentación de sintaxis de una plantilla. Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4. |params= {{Usuario:Jsmura/DocParam|nombre|req||DocSintaxis}} {{Usuario:Jsmura/DocParam|desc|req||Bloque principal de documentación de sintaxis de una plantilla. Genera automáticamente el bloque de ejemplo si algún DocParam tiene valor en el parámetro 4.}} {{Usuario:Jsmura/DocParam|notas|opt||* nota 1 * nota 2}} {{Usuario:Jsmura/DocParam|params|req||<nowiki>{{DocParam|param1|req|opcionA / opcionB|opcionA}} {{DocParam|param2|opt||valor de ejemplo}}</nowiki>}} }}</noinclude> c8whvjgx9t7izgg3q96v96kt98zm1gv Usuario:Jsmura/Card info medium responsive 2 18411 253363 253286 2026-05-15T18:08:22Z Jsmura 5370 253363 wikitext text/x-wiki <div class="wvas-ayuda-card">{{#if:{{{img|}}}|[[Archivo:{{{img}}}|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> luh19wnhvz6ogdafltjed5chnpw8l8k 253377 253363 2026-05-15T20:52:36Z Jsmura 5370 253377 wikitext text/x-wiki <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> jcoopuei89t789wmjh8xra9k18al14p Selinsgrove 0 18424 253347 253261 2026-05-15T15:52:42Z Dari75 31208 agrege 253347 wikitext text/x-wiki {{Top|intro=Selinsgrove es un pequeño pueblo en el condado de Snyder, Pensilvania.}} == Entender == * '''Oficina de Turismo del Valle de Susquehanna''' +1-800-525-7320 == Entra == La ciudad se encuentra aproximadamente a 45 minutos al norte de Harrisburg, Pensilvania, y a una hora al sur de Williamsport, Pensilvania. Ubicada en la parte central del estado, Selinsgrove está aproximadamente a 3 horas y media de Filadelfia, a tres horas de Nueva York, a tres horas de Washington-Baltimore y a cuatro horas de Pittsburgh. ==== Por Avión ==== * '''Penn Valley Airport'''&#x20;('''SEG''' <sup><small>&nbsp;IATA</small></sup>),&#x20;100 Airport Road&#x20;(''a few miles south of Shamokin Dam'').&#x20;<bdi>It serves private and charter planes, and express service from cities such as Harrisburg, Pittsburgh, and Philadelphia.</bdi>&nbsp; * '''El Aeropuerto Internacional de Harrisburg (MDT IATA)''' se encuentra a unos 103 km (64 millas) y a 1 hora y 15 minutos (15 minutos) de la Presa Shamokin. El Aeropuerto Internacional de Harrisburg cuenta con siete importantes aerolíneas que ofrecen vuelos diarios sin escalas a 12 destinos nacionales y 1 internacional. Varias compañías importantes de alquiler de coches tienen presencia en el complejo aeroportuario. Hay aparcamiento para personas con discapacidad en los tres aparcamientos. Hay autobuses especiales accesibles para personas con discapacidad disponibles las 24 horas del día para quienes aparquen en el aparcamiento de larga estancia SmartPark. Los baños de toda la terminal son accesibles para personas con discapacidad. Además, hay cinco baños privados unisex para acompañantes en el edificio de la terminal. Hay un teléfono TDD/TTY disponible para contactar con el servicio de transporte del hotel y las empresas de alquiler de coches externas en la zona de recogida de equipaje del edificio de la terminal. Para obtener más información sobre cualquiera de estos servicios, póngase en contacto con el mostrador de información al cliente llamando al ☏ +1 717 948-5900 entre las 7:00 y las 23:00. * '''El aeropuerto de University Park (SCE IATA)''' se encuentra a las afueras de State College. Opera con United Airlines, Delta y American Airlines. Dispone de servicio de alquiler de coches y aparcamiento seguro. * '''El Aeropuerto Internacional de Wilkes-Barre-Scranton (AVP IATA)''' se encuentra en el noreste de Pensilvania. Está a unas dos horas al noreste de la presa de Shamokin y cuenta con los servicios de muchas de las principales aerolíneas y de todas las principales compañías de alquiler de coches. ==== En tren ==== Selinsgrove se encuentra aproximadamente a 60 millas (45 minutos) al norte de Harrisburg, la capital de Pensilvania. Esta ciudad es una estación clave en las rutas ferroviarias Keystone y Pennsylvanian de Amtrak. Trenes procedentes de Boston, Nueva York y Filadelfia, así como trenes de otras ciudades del oeste, como Pittsburgh, llegan a Harrisburg. Tras la llegada, se puede llegar a Selinsgrove en coche o autobús en poco tiempo. También hay taxis disponibles en la estación. ==== '''En barco''' ==== Selinsgrove se encuentra a lo largo del Sendero Acuático del Río Susquehanna. Cuenta con acceso mejorado para embarcaciones a la costa del río Susquehanna en la Isla de Que, gestionado por la Comisión de Pesca y Embarcaciones de Pensilvania. Se puede navegar principalmente con embarcaciones de pesca ligeras y de poco calado, canoas e inflables. Hay aparcamiento disponible. Un corto paseo por Pine Street le llevará al centro del pueblo. ==== '''En bicicleta''' ==== Los arcenes estrechos o sin pavimentar de la mayoría de las calles secundarias dificultan el ciclismo en la ciudad (fuera de la carretera principal). La Ruta 11, desde la presa de Shamokin hasta Northumberland, es preciosa y ofrece vistas al río. Sin embargo, hay mucho tráfico de camiones en esta ruta. Al sur de la ciudad, por la antigua Ruta 11 (Market Street), se disfruta de un agradable paseo. ==== '''En coche''' ==== Selinsgrove tiene acceso a la Interestatal 80, que discurre de este a oeste unos 24 kilómetros al norte de la zona. Las rutas estatales 11 y 15 de Pensilvania se unen al norte de Harrisburg y constituyen la principal vía de transporte en esta región del centro de Pensilvania. La mayoría de las zonas comerciales y barrios de la zona se encuentran al norte de Selinsgrove, a lo largo de las rutas 11 y 15. Al sur de Selinsgrove, las rutas 11/15 conectan con las Interestatales 81 y 83 y la Autopista de Peaje de Pensilvania, que se dirigen al oeste hacia Pittsburgh y al este hacia Filadelfia. ==== '''Aparcamiento''' ==== El coche es la mejor manera de moverse por Selinsgrove. Hay aparcamiento en la calle en el centro, además de un aparcamiento público. El aparcamiento es gratuito tanto en la calle como en el aparcamiento municipal. Aparcar cerca de la universidad es difícil y en muchos lugares solo se puede acceder con permiso. ==== '''En autobús''' ==== Selinsgrove cuenta con servicio de autobús Greyhound/Trailways en el centro. El servicio de Greyhound conecta con el Aeropuerto Internacional de Harrisburg, el Centro de Transporte de Harrisburg (Amtrak) y numerosos otros centros de transporte en toda la zona, incluidas las ciudades vecinas de Lewisburg y Sunbury. == Como llegar == Se recomienda usar coche o bicicleta para explorar la zona de Selinsgrove. Al salir del pequeño municipio, no hay aceras ni carriles bici seguros. Los arcenes son estrechos y a menudo están descuidados. La Union-Snyder Transportation Alliance ofrece un servicio básico de autobús, pero es necesario reservar con antelación y solo recogen pasajeros que llamen con tiempo. El precio de los viajes se calcula en función de la distancia entre el punto de partida y el de llegada. Selinsgrove también cuenta con un servicio de taxi limitado, pero, al igual que los autobuses, es necesario reservar con antelación. == Ver == ==== '''Atracciones históricas''' ==== * '''Mansión del Gobernador Snyder:''' La antigua residencia del gobernador de Pensilvania, Simon Snyder, de quien toma su nombre el condado de Snyder, se encuentra en Market Street, en el centro de Selinsgrove. El edificio alberga un negocio privado. * '''Antiguo Cementerio Luterano:''' Aquí se encuentra la tumba de Simon Snyder, quien fue gobernador de Pensilvania en tres ocasiones. El monumento, hecho de granito de Quincy, cuenta con relieves de bronce y está coronado por un busto de tamaño natural. Fue erigido por el estado en 1885. * '''Escuela Secundaria del Área de Selinsgrove:''' El primer edificio de la escuela secundaria se construyó en la década de 1930 gracias a la financiación del New Deal. El edificio fue diseñado por los arquitectos Lawrie y Green de Harrisburg. Es de hormigón con estructura de acero, muros de mampostería y exterior de ladrillo rojo. Está coronado por una cúpula. A lo largo de los años se han realizado varias ampliaciones y modificaciones. Murales creados por los estudiantes adornan las paredes de muchos de los pasillos y escaleras. ==== '''Arte y museos''' ==== * '''Galería Lore Degenstein.''' Ubicada en la Universidad Susquehanna de Selinsgrove, la Galería Degenstein es un museo de cultura material del pasado y del presente. ==== Teatro y actuaciones ==== * '''El Teatro del Centro Degenstein''' de la Universidad de Susquehanna acoge a numerosos artistas musicales de renombre durante todo el año, así como representaciones teatrales a cargo de estudiantes universitarios. * '''Universidad de Bucknell''', Lewisburg, PA, ☏ +1 570 577-2000. El Centro Weis para las Artes Escénicas ofrece una amplia variedad de eventos culturales para la región. Se encuentra a 15 minutos en coche desde Selinsgrove, al norte por la Ruta 15. == Hacer == * '''El parque Major Anthony Selin''', en la calle Sassafras, cuenta con canchas de herradura, lanzamiento de aros y baloncesto, además de campos de fútbol. También dispone de una sofisticada zona de juegos para niños pequeños llamada Kidsgrove. * '''Best Bowl''' se encuentra en la Ruta 522 al oeste de Selinsgrove, en Penn Township. Teléfono: +1 570-374-2522. Tienda especializada completa. Se ofrecen bolos con barreras y ligas para todas las edades. Hay una cafetería y una sala de juegos. Para consultar horarios y precios, llame al número indicado. * '''Selinsgrove Speedway,''' la pista de carreras de tierra más grande del noreste, alberga algunas de las carreras más importantes. El circuito regular de Selinsgrove Speedway incluye clasificatorias y finales para autos Sprint 358 (25 vueltas), Late Models (20 vueltas), Pro Stocks (12 vueltas) y Roadrunners (12 vueltas). Las carreras se celebran los viernes y sábados entre marzo y octubre. La entrada cuesta $10 para adultos, $8 para estudiantes (de 12 a 17 años) y es gratuita para niños menores de 11 años. * '''AMC Classic Selinsgrove 12,''' 1 Susquehanna Valley Mall Dr, ☏ +1 570 374-2049. Un cine multisala ubicado en la parte trasera del complejo Susquehanna Valley Mall. Cómodas butacas tipo estadio. Amplio estacionamiento. Llame para consultar la cartelera y los horarios. Matinés con descuento. * '''Pista de patinaje Sunset,''' 2755 N Susquehanna Trail, Shamokin Dam. +1 570 743-6060. Una pista de patinaje cubierta abierta todo el año. Amplio estacionamiento. * '''Hoopla's Xtreme Family Fun,''' 15 Stettler Ave, Shamokin Dam, ☏ +1 570-743-0920. Un circuito de diversión con un atractivo diseño paisajístico. Abierto todos los días en temporada. Se organizan fiestas. Hay una piscina pública al aire libre en Linda Lane, cerca de la Ruta 522. Hay estacionamiento disponible. Se venden membresías anuales y entradas diarias. El horario varía, y la piscina abre desde el Día de los Caídos (Memorial Day) hasta el Día del Trabajo (Labor Day). Cuenta con un pabellón para comer, una zona de descanso con sombra y mesas, además de un puesto de comida y varias máquinas expendedoras de bebidas. * '''Susquehanna Sports Place''' (SSP), conocido por su variada oferta deportiva, cuenta con jaulas de bateo para sóftbol y béisbol, un minigolf, una sala de juegos y muchas otras atracciones. Se encuentra en East 18th Street, Hummels Wharf. * '''El Parque Estatal Shikellamy''' se ubica en los condados de Snyder, Union y Northumberland. La sección Shikellamy Overlook, de 78 acres, se encuentra en la orilla oeste del río Susquehanna y ofrece vistas a la confluencia de las ramas oeste y norte del río. En el lado del condado de Union, el parque cuenta con refugios y mesas para picnic. 1hkhdfkvvl4od6u2czfa8g9y8iwt0vm 253348 253347 2026-05-15T16:25:25Z Dari75 31208 añadi algo 253348 wikitext text/x-wiki {{Top|intro=Selinsgrove es un pequeño pueblo en el condado de Snyder, Pensilvania.}} == Entender == * '''Oficina de Turismo del Valle de Susquehanna''' +1-800-525-7320 == Entra == La ciudad se encuentra aproximadamente a 45 minutos al norte de Harrisburg, Pensilvania, y a una hora al sur de Williamsport, Pensilvania. Ubicada en la parte central del estado, Selinsgrove está aproximadamente a 3 horas y media de Filadelfia, a tres horas de Nueva York, a tres horas de Washington-Baltimore y a cuatro horas de Pittsburgh. ==== Por Avión ==== * '''Penn Valley Airport'''&#x20;('''SEG''' <sup><small>&nbsp;IATA</small></sup>),&#x20;100 Airport Road&#x20;(''a few miles south of Shamokin Dam'').&#x20;<bdi>It serves private and charter planes, and express service from cities such as Harrisburg, Pittsburgh, and Philadelphia.</bdi>&nbsp; * '''El Aeropuerto Internacional de Harrisburg (MDT IATA)''' se encuentra a unos 103 km (64 millas) y a 1 hora y 15 minutos (15 minutos) de la Presa Shamokin. El Aeropuerto Internacional de Harrisburg cuenta con siete importantes aerolíneas que ofrecen vuelos diarios sin escalas a 12 destinos nacionales y 1 internacional. Varias compañías importantes de alquiler de coches tienen presencia en el complejo aeroportuario. Hay aparcamiento para personas con discapacidad en los tres aparcamientos. Hay autobuses especiales accesibles para personas con discapacidad disponibles las 24 horas del día para quienes aparquen en el aparcamiento de larga estancia SmartPark. Los baños de toda la terminal son accesibles para personas con discapacidad. Además, hay cinco baños privados unisex para acompañantes en el edificio de la terminal. Hay un teléfono TDD/TTY disponible para contactar con el servicio de transporte del hotel y las empresas de alquiler de coches externas en la zona de recogida de equipaje del edificio de la terminal. Para obtener más información sobre cualquiera de estos servicios, póngase en contacto con el mostrador de información al cliente llamando al ☏ +1 717 948-5900 entre las 7:00 y las 23:00. * '''El aeropuerto de University Park (SCE IATA)''' se encuentra a las afueras de State College. Opera con United Airlines, Delta y American Airlines. Dispone de servicio de alquiler de coches y aparcamiento seguro. * '''El Aeropuerto Internacional de Wilkes-Barre-Scranton (AVP IATA)''' se encuentra en el noreste de Pensilvania. Está a unas dos horas al noreste de la presa de Shamokin y cuenta con los servicios de muchas de las principales aerolíneas y de todas las principales compañías de alquiler de coches. ==== En tren ==== Selinsgrove se encuentra aproximadamente a 60 millas (45 minutos) al norte de Harrisburg, la capital de Pensilvania. Esta ciudad es una estación clave en las rutas ferroviarias Keystone y Pennsylvanian de Amtrak. Trenes procedentes de Boston, Nueva York y Filadelfia, así como trenes de otras ciudades del oeste, como Pittsburgh, llegan a Harrisburg. Tras la llegada, se puede llegar a Selinsgrove en coche o autobús en poco tiempo. También hay taxis disponibles en la estación. ==== '''En barco''' ==== Selinsgrove se encuentra a lo largo del Sendero Acuático del Río Susquehanna. Cuenta con acceso mejorado para embarcaciones a la costa del río Susquehanna en la Isla de Que, gestionado por la Comisión de Pesca y Embarcaciones de Pensilvania. Se puede navegar principalmente con embarcaciones de pesca ligeras y de poco calado, canoas e inflables. Hay aparcamiento disponible. Un corto paseo por Pine Street le llevará al centro del pueblo. ==== '''En bicicleta''' ==== Los arcenes estrechos o sin pavimentar de la mayoría de las calles secundarias dificultan el ciclismo en la ciudad (fuera de la carretera principal). La Ruta 11, desde la presa de Shamokin hasta Northumberland, es preciosa y ofrece vistas al río. Sin embargo, hay mucho tráfico de camiones en esta ruta. Al sur de la ciudad, por la antigua Ruta 11 (Market Street), se disfruta de un agradable paseo. ==== '''En coche''' ==== Selinsgrove tiene acceso a la Interestatal 80, que discurre de este a oeste unos 24 kilómetros al norte de la zona. Las rutas estatales 11 y 15 de Pensilvania se unen al norte de Harrisburg y constituyen la principal vía de transporte en esta región del centro de Pensilvania. La mayoría de las zonas comerciales y barrios de la zona se encuentran al norte de Selinsgrove, a lo largo de las rutas 11 y 15. Al sur de Selinsgrove, las rutas 11/15 conectan con las Interestatales 81 y 83 y la Autopista de Peaje de Pensilvania, que se dirigen al oeste hacia Pittsburgh y al este hacia Filadelfia. ==== '''Aparcamiento''' ==== El coche es la mejor manera de moverse por Selinsgrove. Hay aparcamiento en la calle en el centro, además de un aparcamiento público. El aparcamiento es gratuito tanto en la calle como en el aparcamiento municipal. Aparcar cerca de la universidad es difícil y en muchos lugares solo se puede acceder con permiso. ==== '''En autobús''' ==== Selinsgrove cuenta con servicio de autobús Greyhound/Trailways en el centro. El servicio de Greyhound conecta con el Aeropuerto Internacional de Harrisburg, el Centro de Transporte de Harrisburg (Amtrak) y numerosos otros centros de transporte en toda la zona, incluidas las ciudades vecinas de Lewisburg y Sunbury. == Como llegar == Se recomienda usar coche o bicicleta para explorar la zona de Selinsgrove. Al salir del pequeño municipio, no hay aceras ni carriles bici seguros. Los arcenes son estrechos y a menudo están descuidados. La Union-Snyder Transportation Alliance ofrece un servicio básico de autobús, pero es necesario reservar con antelación y solo recogen pasajeros que llamen con tiempo. El precio de los viajes se calcula en función de la distancia entre el punto de partida y el de llegada. Selinsgrove también cuenta con un servicio de taxi limitado, pero, al igual que los autobuses, es necesario reservar con antelación. == Ver == ==== '''Atracciones históricas''' ==== * '''Mansión del Gobernador Snyder:''' La antigua residencia del gobernador de Pensilvania, Simon Snyder, de quien toma su nombre el condado de Snyder, se encuentra en Market Street, en el centro de Selinsgrove. El edificio alberga un negocio privado. * '''Antiguo Cementerio Luterano:''' Aquí se encuentra la tumba de Simon Snyder, quien fue gobernador de Pensilvania en tres ocasiones. El monumento, hecho de granito de Quincy, cuenta con relieves de bronce y está coronado por un busto de tamaño natural. Fue erigido por el estado en 1885. * '''Escuela Secundaria del Área de Selinsgrove:''' El primer edificio de la escuela secundaria se construyó en la década de 1930 gracias a la financiación del New Deal. El edificio fue diseñado por los arquitectos Lawrie y Green de Harrisburg. Es de hormigón con estructura de acero, muros de mampostería y exterior de ladrillo rojo. Está coronado por una cúpula. A lo largo de los años se han realizado varias ampliaciones y modificaciones. Murales creados por los estudiantes adornan las paredes de muchos de los pasillos y escaleras. ==== '''Arte y museos''' ==== * '''Galería Lore Degenstein.''' Ubicada en la Universidad Susquehanna de Selinsgrove, la Galería Degenstein es un museo de cultura material del pasado y del presente. ==== Teatro y actuaciones ==== * '''El Teatro del Centro Degenstein''' de la Universidad de Susquehanna acoge a numerosos artistas musicales de renombre durante todo el año, así como representaciones teatrales a cargo de estudiantes universitarios. * '''Universidad de Bucknell''', Lewisburg, PA, ☏ +1 570 577-2000. El Centro Weis para las Artes Escénicas ofrece una amplia variedad de eventos culturales para la región. Se encuentra a 15 minutos en coche desde Selinsgrove, al norte por la Ruta 15. == Hacer == * '''El parque Major Anthony Selin''', en la calle Sassafras, cuenta con canchas de herradura, lanzamiento de aros y baloncesto, además de campos de fútbol. También dispone de una sofisticada zona de juegos para niños pequeños llamada Kidsgrove. * '''Best Bowl''' se encuentra en la Ruta 522 al oeste de Selinsgrove, en Penn Township. Teléfono: +1 570-374-2522. Tienda especializada completa. Se ofrecen bolos con barreras y ligas para todas las edades. Hay una cafetería y una sala de juegos. Para consultar horarios y precios, llame al número indicado. * '''Selinsgrove Speedway,''' la pista de carreras de tierra más grande del noreste, alberga algunas de las carreras más importantes. El circuito regular de Selinsgrove Speedway incluye clasificatorias y finales para autos Sprint 358 (25 vueltas), Late Models (20 vueltas), Pro Stocks (12 vueltas) y Roadrunners (12 vueltas). Las carreras se celebran los viernes y sábados entre marzo y octubre. La entrada cuesta $10 para adultos, $8 para estudiantes (de 12 a 17 años) y es gratuita para niños menores de 11 años. * '''AMC Classic Selinsgrove 12,''' 1 Susquehanna Valley Mall Dr, ☏ +1 570 374-2049. Un cine multisala ubicado en la parte trasera del complejo Susquehanna Valley Mall. Cómodas butacas tipo estadio. Amplio estacionamiento. Llame para consultar la cartelera y los horarios. Matinés con descuento. * '''Pista de patinaje Sunset,''' 2755 N Susquehanna Trail, Shamokin Dam. +1 570 743-6060. Una pista de patinaje cubierta abierta todo el año. Amplio estacionamiento. * '''Hoopla's Xtreme Family Fun,''' 15 Stettler Ave, Shamokin Dam, ☏ +1 570-743-0920. Un circuito de diversión con un atractivo diseño paisajístico. Abierto todos los días en temporada. Se organizan fiestas. Hay una piscina pública al aire libre en Linda Lane, cerca de la Ruta 522. Hay estacionamiento disponible. Se venden membresías anuales y entradas diarias. El horario varía, y la piscina abre desde el Día de los Caídos (Memorial Day) hasta el Día del Trabajo (Labor Day). Cuenta con un pabellón para comer, una zona de descanso con sombra y mesas, además de un puesto de comida y varias máquinas expendedoras de bebidas. * '''Susquehanna Sports Place''' (SSP), conocido por su variada oferta deportiva, cuenta con jaulas de bateo para sóftbol y béisbol, un minigolf, una sala de juegos y muchas otras atracciones. Se encuentra en East 18th Street, Hummels Wharf. * '''El Parque Estatal Shikellamy''' se ubica en los condados de Snyder, Union y Northumberland. La sección Shikellamy Overlook, de 78 acres, se encuentra en la orilla oeste del río Susquehanna y ofrece vistas a la confluencia de las ramas oeste y norte del río. En el lado del condado de Union, el parque cuenta con refugios y mesas para picnic. == Aprender == * '''Universidad de Susquehanna''' Afiliada a la Iglesia Evangélica Luterana en América, la denominación luterana más liberal, Susquehanna es una universidad de cuatro años con aproximadamente 2000 estudiantes ubicada en el centro de Selinsgrove. Susquehanna cuenta con programas particularmente sólidos en negocios y comunicación. Su campus ha sido calificado como el octavo más bello del país. == Comprar == * '''El distrito comercial de Market Street''', en Selinsgrove, cuenta con varias tiendas y restaurantes pintorescos, la mayoría de propiedad local. Desde una boutique nupcial hasta una elegante tienda de ropa para caballeros, pasando por pubs y cervecerías, todo está a poca distancia a pie en el centro de la ciudad. * '''Librería D J Ernst''', 27 N. Market St, ☏ +1 570 374-9461. Libros usados ​​y antiguos, incluyendo historia local y literatura clásica. * '''Graci's Flowers and Gifts''', Market Street, ☏ +1 570 374-4923, gratuito: +1-877-266-6873. Ofrece una extraordinaria variedad de artículos de colección de alta calidad, incluyendo cientos de piezas en conjuntos de edificios temáticos. Se imparten clases sobre técnicas de jardinería. * '''Mercado de agricultores de Middleburg''', a pocos kilómetros al oeste por la Ruta 522 entre Kreamer y Middleburg. ☏ +1 717 837-2222 Subastas de ganado, venta de artículos para el hogar en puestos, frutas, verduras y carnes frescas. Abierto al aire libre/de temporada, martes de 7:00 a 15:00. * '''El centro comercial Susquehanna Valley Mall''', ubicado en las rutas 11 y 15 en Hummels Wharf, es el más grande de la zona. Ofrece una amplia variedad de tiendas de gama media y grandes almacenes. Cuenta con cuatro tiendas ancla: JC Penney, Bon Ton, Sears y Boscov's. También hay tiendas de ropa más pequeñas como FYE, Waldensbooks, American Eagle y Christopher Banks. Un supermercado y un banco se encuentran dentro del complejo. * '''Tienda de artículos de pesca Old Trail Tackle & Sports Shop''', 225 S Old Trail, Shamokin Dam. +1 570 743-7380. Carnada y otros artículos de pesca. Consejos útiles sobre dónde pican los peces y la mejor carnada en un ambiente agradable. * '''Colonial Candlecrafters''', Ruta 15, Lewisburg. Ofrece la mayor selección de velas, suministros para la fabricación de velas y fragancias para el hogar de la zona. 0ki7a4mqbjemr2oi2k11mh1a7es7iyv 253407 253348 2026-05-15T22:47:39Z Dari75 31208 añadi 253407 wikitext text/x-wiki {{Top|intro=Selinsgrove es un pequeño pueblo en el condado de Snyder, Pensilvania.}} == Entender == * '''Oficina de Turismo del Valle de Susquehanna''' +1-800-525-7320 == Entra == La ciudad se encuentra aproximadamente a 45 minutos al norte de Harrisburg, Pensilvania, y a una hora al sur de Williamsport, Pensilvania. Ubicada en la parte central del estado, Selinsgrove está aproximadamente a 3 horas y media de Filadelfia, a tres horas de Nueva York, a tres horas de Washington-Baltimore y a cuatro horas de Pittsburgh. ==== Por Avión ==== * '''Penn Valley Airport'''&#x20;('''SEG''' <sup><small>&nbsp;IATA</small></sup>),&#x20;100 Airport Road&#x20;(''a few miles south of Shamokin Dam'').&#x20;<bdi>It serves private and charter planes, and express service from cities such as Harrisburg, Pittsburgh, and Philadelphia.</bdi>&nbsp; * '''El Aeropuerto Internacional de Harrisburg (MDT IATA)''' se encuentra a unos 103 km (64 millas) y a 1 hora y 15 minutos (15 minutos) de la Presa Shamokin. El Aeropuerto Internacional de Harrisburg cuenta con siete importantes aerolíneas que ofrecen vuelos diarios sin escalas a 12 destinos nacionales y 1 internacional. Varias compañías importantes de alquiler de coches tienen presencia en el complejo aeroportuario. Hay aparcamiento para personas con discapacidad en los tres aparcamientos. Hay autobuses especiales accesibles para personas con discapacidad disponibles las 24 horas del día para quienes aparquen en el aparcamiento de larga estancia SmartPark. Los baños de toda la terminal son accesibles para personas con discapacidad. Además, hay cinco baños privados unisex para acompañantes en el edificio de la terminal. Hay un teléfono TDD/TTY disponible para contactar con el servicio de transporte del hotel y las empresas de alquiler de coches externas en la zona de recogida de equipaje del edificio de la terminal. Para obtener más información sobre cualquiera de estos servicios, póngase en contacto con el mostrador de información al cliente llamando al ☏ +1 717 948-5900 entre las 7:00 y las 23:00. * '''El aeropuerto de University Park (SCE IATA)''' se encuentra a las afueras de State College. Opera con United Airlines, Delta y American Airlines. Dispone de servicio de alquiler de coches y aparcamiento seguro. * '''El Aeropuerto Internacional de Wilkes-Barre-Scranton (AVP IATA)''' se encuentra en el noreste de Pensilvania. Está a unas dos horas al noreste de la presa de Shamokin y cuenta con los servicios de muchas de las principales aerolíneas y de todas las principales compañías de alquiler de coches. ==== En tren ==== Selinsgrove se encuentra aproximadamente a 60 millas (45 minutos) al norte de Harrisburg, la capital de Pensilvania. Esta ciudad es una estación clave en las rutas ferroviarias Keystone y Pennsylvanian de Amtrak. Trenes procedentes de Boston, Nueva York y Filadelfia, así como trenes de otras ciudades del oeste, como Pittsburgh, llegan a Harrisburg. Tras la llegada, se puede llegar a Selinsgrove en coche o autobús en poco tiempo. También hay taxis disponibles en la estación. ==== '''En barco''' ==== Selinsgrove se encuentra a lo largo del Sendero Acuático del Río Susquehanna. Cuenta con acceso mejorado para embarcaciones a la costa del río Susquehanna en la Isla de Que, gestionado por la Comisión de Pesca y Embarcaciones de Pensilvania. Se puede navegar principalmente con embarcaciones de pesca ligeras y de poco calado, canoas e inflables. Hay aparcamiento disponible. Un corto paseo por Pine Street le llevará al centro del pueblo. ==== '''En bicicleta''' ==== Los arcenes estrechos o sin pavimentar de la mayoría de las calles secundarias dificultan el ciclismo en la ciudad (fuera de la carretera principal). La Ruta 11, desde la presa de Shamokin hasta Northumberland, es preciosa y ofrece vistas al río. Sin embargo, hay mucho tráfico de camiones en esta ruta. Al sur de la ciudad, por la antigua Ruta 11 (Market Street), se disfruta de un agradable paseo. ==== '''En coche''' ==== Selinsgrove tiene acceso a la Interestatal 80, que discurre de este a oeste unos 24 kilómetros al norte de la zona. Las rutas estatales 11 y 15 de Pensilvania se unen al norte de Harrisburg y constituyen la principal vía de transporte en esta región del centro de Pensilvania. La mayoría de las zonas comerciales y barrios de la zona se encuentran al norte de Selinsgrove, a lo largo de las rutas 11 y 15. Al sur de Selinsgrove, las rutas 11/15 conectan con las Interestatales 81 y 83 y la Autopista de Peaje de Pensilvania, que se dirigen al oeste hacia Pittsburgh y al este hacia Filadelfia. ==== '''Aparcamiento''' ==== El coche es la mejor manera de moverse por Selinsgrove. Hay aparcamiento en la calle en el centro, además de un aparcamiento público. El aparcamiento es gratuito tanto en la calle como en el aparcamiento municipal. Aparcar cerca de la universidad es difícil y en muchos lugares solo se puede acceder con permiso. ==== '''En autobús''' ==== Selinsgrove cuenta con servicio de autobús Greyhound/Trailways en el centro. El servicio de Greyhound conecta con el Aeropuerto Internacional de Harrisburg, el Centro de Transporte de Harrisburg (Amtrak) y numerosos otros centros de transporte en toda la zona, incluidas las ciudades vecinas de Lewisburg y Sunbury. == Como llegar == Se recomienda usar coche o bicicleta para explorar la zona de Selinsgrove. Al salir del pequeño municipio, no hay aceras ni carriles bici seguros. Los arcenes son estrechos y a menudo están descuidados. La Union-Snyder Transportation Alliance ofrece un servicio básico de autobús, pero es necesario reservar con antelación y solo recogen pasajeros que llamen con tiempo. El precio de los viajes se calcula en función de la distancia entre el punto de partida y el de llegada. Selinsgrove también cuenta con un servicio de taxi limitado, pero, al igual que los autobuses, es necesario reservar con antelación. == Ver == ==== '''Atracciones históricas''' ==== * '''Mansión del Gobernador Snyder:''' La antigua residencia del gobernador de Pensilvania, Simon Snyder, de quien toma su nombre el condado de Snyder, se encuentra en Market Street, en el centro de Selinsgrove. El edificio alberga un negocio privado. * '''Antiguo Cementerio Luterano:''' Aquí se encuentra la tumba de Simon Snyder, quien fue gobernador de Pensilvania en tres ocasiones. El monumento, hecho de granito de Quincy, cuenta con relieves de bronce y está coronado por un busto de tamaño natural. Fue erigido por el estado en 1885. * '''Escuela Secundaria del Área de Selinsgrove:''' El primer edificio de la escuela secundaria se construyó en la década de 1930 gracias a la financiación del New Deal. El edificio fue diseñado por los arquitectos Lawrie y Green de Harrisburg. Es de hormigón con estructura de acero, muros de mampostería y exterior de ladrillo rojo. Está coronado por una cúpula. A lo largo de los años se han realizado varias ampliaciones y modificaciones. Murales creados por los estudiantes adornan las paredes de muchos de los pasillos y escaleras. ==== '''Arte y museos''' ==== * '''Galería Lore Degenstein.''' Ubicada en la Universidad Susquehanna de Selinsgrove, la Galería Degenstein es un museo de cultura material del pasado y del presente. ==== Teatro y actuaciones ==== * '''El Teatro del Centro Degenstein''' de la Universidad de Susquehanna acoge a numerosos artistas musicales de renombre durante todo el año, así como representaciones teatrales a cargo de estudiantes universitarios. * '''Universidad de Bucknell''', Lewisburg, PA, ☏ +1 570 577-2000. El Centro Weis para las Artes Escénicas ofrece una amplia variedad de eventos culturales para la región. Se encuentra a 15 minutos en coche desde Selinsgrove, al norte por la Ruta 15. == Hacer == * '''El parque Major Anthony Selin''', en la calle Sassafras, cuenta con canchas de herradura, lanzamiento de aros y baloncesto, además de campos de fútbol. También dispone de una sofisticada zona de juegos para niños pequeños llamada Kidsgrove. * '''Best Bowl''' se encuentra en la Ruta 522 al oeste de Selinsgrove, en Penn Township. Teléfono: +1 570-374-2522. Tienda especializada completa. Se ofrecen bolos con barreras y ligas para todas las edades. Hay una cafetería y una sala de juegos. Para consultar horarios y precios, llame al número indicado. * '''Selinsgrove Speedway,''' la pista de carreras de tierra más grande del noreste, alberga algunas de las carreras más importantes. El circuito regular de Selinsgrove Speedway incluye clasificatorias y finales para autos Sprint 358 (25 vueltas), Late Models (20 vueltas), Pro Stocks (12 vueltas) y Roadrunners (12 vueltas). Las carreras se celebran los viernes y sábados entre marzo y octubre. La entrada cuesta $10 para adultos, $8 para estudiantes (de 12 a 17 años) y es gratuita para niños menores de 11 años. * '''AMC Classic Selinsgrove 12,''' 1 Susquehanna Valley Mall Dr, ☏ +1 570 374-2049. Un cine multisala ubicado en la parte trasera del complejo Susquehanna Valley Mall. Cómodas butacas tipo estadio. Amplio estacionamiento. Llame para consultar la cartelera y los horarios. Matinés con descuento. * '''Pista de patinaje Sunset,''' 2755 N Susquehanna Trail, Shamokin Dam. +1 570 743-6060. Una pista de patinaje cubierta abierta todo el año. Amplio estacionamiento. * '''Hoopla's Xtreme Family Fun,''' 15 Stettler Ave, Shamokin Dam, ☏ +1 570-743-0920. Un circuito de diversión con un atractivo diseño paisajístico. Abierto todos los días en temporada. Se organizan fiestas. Hay una piscina pública al aire libre en Linda Lane, cerca de la Ruta 522. Hay estacionamiento disponible. Se venden membresías anuales y entradas diarias. El horario varía, y la piscina abre desde el Día de los Caídos (Memorial Day) hasta el Día del Trabajo (Labor Day). Cuenta con un pabellón para comer, una zona de descanso con sombra y mesas, además de un puesto de comida y varias máquinas expendedoras de bebidas. * '''Susquehanna Sports Place''' (SSP), conocido por su variada oferta deportiva, cuenta con jaulas de bateo para sóftbol y béisbol, un minigolf, una sala de juegos y muchas otras atracciones. Se encuentra en East 18th Street, Hummels Wharf. * '''El Parque Estatal Shikellamy''' se ubica en los condados de Snyder, Union y Northumberland. La sección Shikellamy Overlook, de 78 acres, se encuentra en la orilla oeste del río Susquehanna y ofrece vistas a la confluencia de las ramas oeste y norte del río. En el lado del condado de Union, el parque cuenta con refugios y mesas para picnic. == Aprender == * '''Universidad de Susquehanna''' Afiliada a la Iglesia Evangélica Luterana en América, la denominación luterana más liberal, Susquehanna es una universidad de cuatro años con aproximadamente 2000 estudiantes ubicada en el centro de Selinsgrove. Susquehanna cuenta con programas particularmente sólidos en negocios y comunicación. Su campus ha sido calificado como el octavo más bello del país. == Comprar == * '''El distrito comercial de Market Street''', en Selinsgrove, cuenta con varias tiendas y restaurantes pintorescos, la mayoría de propiedad local. Desde una boutique nupcial hasta una elegante tienda de ropa para caballeros, pasando por pubs y cervecerías, todo está a poca distancia a pie en el centro de la ciudad. * '''Librería D J Ernst''', 27 N. Market St, ☏ +1 570 374-9461. Libros usados ​​y antiguos, incluyendo historia local y literatura clásica. * '''Graci's Flowers and Gifts''', Market Street, ☏ +1 570 374-4923, gratuito: +1-877-266-6873. Ofrece una extraordinaria variedad de artículos de colección de alta calidad, incluyendo cientos de piezas en conjuntos de edificios temáticos. Se imparten clases sobre técnicas de jardinería. * '''Mercado de agricultores de Middleburg''', a pocos kilómetros al oeste por la Ruta 522 entre Kreamer y Middleburg. ☏ +1 717 837-2222 Subastas de ganado, venta de artículos para el hogar en puestos, frutas, verduras y carnes frescas. Abierto al aire libre/de temporada, martes de 7:00 a 15:00. * '''El centro comercial Susquehanna Valley Mall''', ubicado en las rutas 11 y 15 en Hummels Wharf, es el más grande de la zona. Ofrece una amplia variedad de tiendas de gama media y grandes almacenes. Cuenta con cuatro tiendas ancla: JC Penney, Bon Ton, Sears y Boscov's. También hay tiendas de ropa más pequeñas como FYE, Waldensbooks, American Eagle y Christopher Banks. Un supermercado y un banco se encuentran dentro del complejo. * '''Tienda de artículos de pesca Old Trail Tackle & Sports Shop''', 225 S Old Trail, Shamokin Dam. +1 570 743-7380. Carnada y otros artículos de pesca. Consejos útiles sobre dónde pican los peces y la mejor carnada en un ambiente agradable. * '''Colonial Candlecrafters''', Ruta 15, Lewisburg. Ofrece la mayor selección de velas, suministros para la fabricación de velas y fragancias para el hogar de la zona. == Comer == * '''Restaurante y pub Meiserville Inn,''' Rte 104 Mt. Pleasant Mills, ☏ +1 570 539-8526. Comedor libre de humo. Horario de comidas: Miércoles a Jueves de 17:00 a 21:00, Viernes a Sábado de 11:00 a 21:00. Se aceptan reservas en todo momento. Recomendado los viernes y sábados. * '''Restaurante de carnes y costillas BJ's,''' 17 N. Market Street, ☏ +1 7870 570-374-9841. Famoso por sus costillas a la barbacoa y sus filetes al estilo Chicago, y especialmente por su "Bongo Bongo Dip" (una salsa cremosa de espinacas servida bien caliente con pan de ajo), BJ's es una visita obligada para quienes buscan una comida informal en la zona. La comida es insuperable en Selinsgrove y tiene precios razonables. Se aceptan reservas, pero no son obligatorias. * '''El café amable''' Calle Market, Selinsgrove. +1 570 374-0663. Kind Cafe, la alternativa local a las cadenas nacionales de café, ofrece cafés de primera calidad a la mitad de precio que sus competidores nacionales. El café también sirve sándwiches y con frecuencia presenta música en vivo de bandas locales de escuelas secundarias y universidades. * '''Barbacoa Skeeter's Pit,''' Ruta 15 en Shamokin Dam, ☏ +1 570 743-2727. Restaurante informal con servicio rápido. Los comensales disfrutan de una vista impresionante del río Susquehanna desde lo alto de un acantilado. Las luces de Sunbury brillan a lo lejos. * Compre una licencia de pesca de Pensilvania. == Berber == * '''BJ's Pub,''' 17 N Market St, ☏ +1 570 374-9841. Por la noche, BJ's se transforma de restaurante a pub, del que toma su nombre. La combinación de buen servicio, buenas bebidas y caras conocidas atrae a los lugareños a este bar y deja una buena impresión en los visitantes. Se aceptan reservas, pero no son obligatorias. * '''Bot's Tavern,''' ☏ +1 570 374-9074. Orientado al público universitario (con precios más accesibles), Bot's suele estar repleto de estudiantes de las universidades de Susquehanna y Bucknell, así como del gran número de estudiantes locales que regresan a Selinsgrove durante las vacaciones. * '''Selin's Grove Brewing Company,''' ☏ +1 570 374-7308. La cervecería Selin's Grove produce una gran variedad de cervezas artesanales de todos los colores y sabores, desde claras hasta ámbar, desde negras y beige hasta suaves. editar * b6zhqz1znkgv9dqdb594vb2htwauk4k 253408 253407 2026-05-15T22:56:14Z Dari75 31208 edion 253408 wikitext text/x-wiki {{Top|intro=Selinsgrove es un pequeño pueblo en el condado de Snyder, Pensilvania.}} == Entender == * '''Oficina de Turismo del Valle de Susquehanna''' +1-800-525-7320 == Entra == La ciudad se encuentra aproximadamente a 45 minutos al norte de Harrisburg, Pensilvania, y a una hora al sur de Williamsport, Pensilvania. Ubicada en la parte central del estado, Selinsgrove está aproximadamente a 3 horas y media de Filadelfia, a tres horas de Nueva York, a tres horas de Washington-Baltimore y a cuatro horas de Pittsburgh. ==== Por Avión ==== * '''Penn Valley Airport'''&#x20;('''SEG''' <sup><small>&nbsp;IATA</small></sup>),&#x20;100 Airport Road&#x20;(''a few miles south of Shamokin Dam'').&#x20;<bdi>It serves private and charter planes, and express service from cities such as Harrisburg, Pittsburgh, and Philadelphia.</bdi>&nbsp; * '''El Aeropuerto Internacional de Harrisburg (MDT IATA)''' se encuentra a unos 103 km (64 millas) y a 1 hora y 15 minutos (15 minutos) de la Presa Shamokin. El Aeropuerto Internacional de Harrisburg cuenta con siete importantes aerolíneas que ofrecen vuelos diarios sin escalas a 12 destinos nacionales y 1 internacional. Varias compañías importantes de alquiler de coches tienen presencia en el complejo aeroportuario. Hay aparcamiento para personas con discapacidad en los tres aparcamientos. Hay autobuses especiales accesibles para personas con discapacidad disponibles las 24 horas del día para quienes aparquen en el aparcamiento de larga estancia SmartPark. Los baños de toda la terminal son accesibles para personas con discapacidad. Además, hay cinco baños privados unisex para acompañantes en el edificio de la terminal. Hay un teléfono TDD/TTY disponible para contactar con el servicio de transporte del hotel y las empresas de alquiler de coches externas en la zona de recogida de equipaje del edificio de la terminal. Para obtener más información sobre cualquiera de estos servicios, póngase en contacto con el mostrador de información al cliente llamando al ☏ +1 717 948-5900 entre las 7:00 y las 23:00. * '''El aeropuerto de University Park (SCE IATA)''' se encuentra a las afueras de State College. Opera con United Airlines, Delta y American Airlines. Dispone de servicio de alquiler de coches y aparcamiento seguro. * '''El Aeropuerto Internacional de Wilkes-Barre-Scranton (AVP IATA)''' se encuentra en el noreste de Pensilvania. Está a unas dos horas al noreste de la presa de Shamokin y cuenta con los servicios de muchas de las principales aerolíneas y de todas las principales compañías de alquiler de coches. ==== En tren ==== Selinsgrove se encuentra aproximadamente a 60 millas (45 minutos) al norte de Harrisburg, la capital de Pensilvania. Esta ciudad es una estación clave en las rutas ferroviarias Keystone y Pennsylvanian de Amtrak. Trenes procedentes de Boston, Nueva York y Filadelfia, así como trenes de otras ciudades del oeste, como Pittsburgh, llegan a Harrisburg. Tras la llegada, se puede llegar a Selinsgrove en coche o autobús en poco tiempo. También hay taxis disponibles en la estación. ==== '''En barco''' ==== Selinsgrove se encuentra a lo largo del Sendero Acuático del Río Susquehanna. Cuenta con acceso mejorado para embarcaciones a la costa del río Susquehanna en la Isla de Que, gestionado por la Comisión de Pesca y Embarcaciones de Pensilvania. Se puede navegar principalmente con embarcaciones de pesca ligeras y de poco calado, canoas e inflables. Hay aparcamiento disponible. Un corto paseo por Pine Street le llevará al centro del pueblo. ==== '''En bicicleta''' ==== Los arcenes estrechos o sin pavimentar de la mayoría de las calles secundarias dificultan el ciclismo en la ciudad (fuera de la carretera principal). La Ruta 11, desde la presa de Shamokin hasta Northumberland, es preciosa y ofrece vistas al río. Sin embargo, hay mucho tráfico de camiones en esta ruta. Al sur de la ciudad, por la antigua Ruta 11 (Market Street), se disfruta de un agradable paseo. ==== '''En coche''' ==== Selinsgrove tiene acceso a la Interestatal 80, que discurre de este a oeste unos 24 kilómetros al norte de la zona. Las rutas estatales 11 y 15 de Pensilvania se unen al norte de Harrisburg y constituyen la principal vía de transporte en esta región del centro de Pensilvania. La mayoría de las zonas comerciales y barrios de la zona se encuentran al norte de Selinsgrove, a lo largo de las rutas 11 y 15. Al sur de Selinsgrove, las rutas 11/15 conectan con las Interestatales 81 y 83 y la Autopista de Peaje de Pensilvania, que se dirigen al oeste hacia Pittsburgh y al este hacia Filadelfia. ==== '''Aparcamiento''' ==== El coche es la mejor manera de moverse por Selinsgrove. Hay aparcamiento en la calle en el centro, además de un aparcamiento público. El aparcamiento es gratuito tanto en la calle como en el aparcamiento municipal. Aparcar cerca de la universidad es difícil y en muchos lugares solo se puede acceder con permiso. ==== '''En autobús''' ==== Selinsgrove cuenta con servicio de autobús Greyhound/Trailways en el centro. El servicio de Greyhound conecta con el Aeropuerto Internacional de Harrisburg, el Centro de Transporte de Harrisburg (Amtrak) y numerosos otros centros de transporte en toda la zona, incluidas las ciudades vecinas de Lewisburg y Sunbury. == Como llegar == Se recomienda usar coche o bicicleta para explorar la zona de Selinsgrove. Al salir del pequeño municipio, no hay aceras ni carriles bici seguros. Los arcenes son estrechos y a menudo están descuidados. La Union-Snyder Transportation Alliance ofrece un servicio básico de autobús, pero es necesario reservar con antelación y solo recogen pasajeros que llamen con tiempo. El precio de los viajes se calcula en función de la distancia entre el punto de partida y el de llegada. Selinsgrove también cuenta con un servicio de taxi limitado, pero, al igual que los autobuses, es necesario reservar con antelación. == Ver == ==== '''Atracciones históricas''' ==== * '''Mansión del Gobernador Snyder:''' La antigua residencia del gobernador de Pensilvania, Simon Snyder, de quien toma su nombre el condado de Snyder, se encuentra en Market Street, en el centro de Selinsgrove. El edificio alberga un negocio privado. * '''Antiguo Cementerio Luterano:''' Aquí se encuentra la tumba de Simon Snyder, quien fue gobernador de Pensilvania en tres ocasiones. El monumento, hecho de granito de Quincy, cuenta con relieves de bronce y está coronado por un busto de tamaño natural. Fue erigido por el estado en 1885. * '''Escuela Secundaria del Área de Selinsgrove:''' El primer edificio de la escuela secundaria se construyó en la década de 1930 gracias a la financiación del New Deal. El edificio fue diseñado por los arquitectos Lawrie y Green de Harrisburg. Es de hormigón con estructura de acero, muros de mampostería y exterior de ladrillo rojo. Está coronado por una cúpula. A lo largo de los años se han realizado varias ampliaciones y modificaciones. Murales creados por los estudiantes adornan las paredes de muchos de los pasillos y escaleras. ==== '''Arte y museos''' ==== * '''Galería Lore Degenstein.''' Ubicada en la Universidad Susquehanna de Selinsgrove, la Galería Degenstein es un museo de cultura material del pasado y del presente. ==== Teatro y actuaciones ==== * '''El Teatro del Centro Degenstein''' de la Universidad de Susquehanna acoge a numerosos artistas musicales de renombre durante todo el año, así como representaciones teatrales a cargo de estudiantes universitarios. * '''Universidad de Bucknell''', Lewisburg, PA, ☏ +1 570 577-2000. El Centro Weis para las Artes Escénicas ofrece una amplia variedad de eventos culturales para la región. Se encuentra a 15 minutos en coche desde Selinsgrove, al norte por la Ruta 15. == Hacer == * '''El parque Major Anthony Selin''', en la calle Sassafras, cuenta con canchas de herradura, lanzamiento de aros y baloncesto, además de campos de fútbol. También dispone de una sofisticada zona de juegos para niños pequeños llamada Kidsgrove. * '''Best Bowl''' se encuentra en la Ruta 522 al oeste de Selinsgrove, en Penn Township. Teléfono: +1 570-374-2522. Tienda especializada completa. Se ofrecen bolos con barreras y ligas para todas las edades. Hay una cafetería y una sala de juegos. Para consultar horarios y precios, llame al número indicado. * '''Selinsgrove Speedway,''' la pista de carreras de tierra más grande del noreste, alberga algunas de las carreras más importantes. El circuito regular de Selinsgrove Speedway incluye clasificatorias y finales para autos Sprint 358 (25 vueltas), Late Models (20 vueltas), Pro Stocks (12 vueltas) y Roadrunners (12 vueltas). Las carreras se celebran los viernes y sábados entre marzo y octubre. La entrada cuesta $10 para adultos, $8 para estudiantes (de 12 a 17 años) y es gratuita para niños menores de 11 años. * '''AMC Classic Selinsgrove 12,''' 1 Susquehanna Valley Mall Dr, ☏ +1 570 374-2049. Un cine multisala ubicado en la parte trasera del complejo Susquehanna Valley Mall. Cómodas butacas tipo estadio. Amplio estacionamiento. Llame para consultar la cartelera y los horarios. Matinés con descuento. * '''Pista de patinaje Sunset,''' 2755 N Susquehanna Trail, Shamokin Dam. +1 570 743-6060. Una pista de patinaje cubierta abierta todo el año. Amplio estacionamiento. * '''Hoopla's Xtreme Family Fun,''' 15 Stettler Ave, Shamokin Dam, ☏ +1 570-743-0920. Un circuito de diversión con un atractivo diseño paisajístico. Abierto todos los días en temporada. Se organizan fiestas. Hay una piscina pública al aire libre en Linda Lane, cerca de la Ruta 522. Hay estacionamiento disponible. Se venden membresías anuales y entradas diarias. El horario varía, y la piscina abre desde el Día de los Caídos (Memorial Day) hasta el Día del Trabajo (Labor Day). Cuenta con un pabellón para comer, una zona de descanso con sombra y mesas, además de un puesto de comida y varias máquinas expendedoras de bebidas. * '''Susquehanna Sports Place''' (SSP), conocido por su variada oferta deportiva, cuenta con jaulas de bateo para sóftbol y béisbol, un minigolf, una sala de juegos y muchas otras atracciones. Se encuentra en East 18th Street, Hummels Wharf. * '''El Parque Estatal Shikellamy''' se ubica en los condados de Snyder, Union y Northumberland. La sección Shikellamy Overlook, de 78 acres, se encuentra en la orilla oeste del río Susquehanna y ofrece vistas a la confluencia de las ramas oeste y norte del río. En el lado del condado de Union, el parque cuenta con refugios y mesas para picnic. == Aprender == * '''Universidad de Susquehanna''' Afiliada a la Iglesia Evangélica Luterana en América, la denominación luterana más liberal, Susquehanna es una universidad de cuatro años con aproximadamente 2000 estudiantes ubicada en el centro de Selinsgrove. Susquehanna cuenta con programas particularmente sólidos en negocios y comunicación. Su campus ha sido calificado como el octavo más bello del país. == Comprar == * '''El distrito comercial de Market Street''', en Selinsgrove, cuenta con varias tiendas y restaurantes pintorescos, la mayoría de propiedad local. Desde una boutique nupcial hasta una elegante tienda de ropa para caballeros, pasando por pubs y cervecerías, todo está a poca distancia a pie en el centro de la ciudad. * '''Librería D J Ernst''', 27 N. Market St, ☏ +1 570 374-9461. Libros usados ​​y antiguos, incluyendo historia local y literatura clásica. * '''Graci's Flowers and Gifts''', Market Street, ☏ +1 570 374-4923, gratuito: +1-877-266-6873. Ofrece una extraordinaria variedad de artículos de colección de alta calidad, incluyendo cientos de piezas en conjuntos de edificios temáticos. Se imparten clases sobre técnicas de jardinería. * '''Mercado de agricultores de Middleburg''', a pocos kilómetros al oeste por la Ruta 522 entre Kreamer y Middleburg. ☏ +1 717 837-2222 Subastas de ganado, venta de artículos para el hogar en puestos, frutas, verduras y carnes frescas. Abierto al aire libre/de temporada, martes de 7:00 a 15:00. * '''El centro comercial Susquehanna Valley Mall''', ubicado en las rutas 11 y 15 en Hummels Wharf, es el más grande de la zona. Ofrece una amplia variedad de tiendas de gama media y grandes almacenes. Cuenta con cuatro tiendas ancla: JC Penney, Bon Ton, Sears y Boscov's. También hay tiendas de ropa más pequeñas como FYE, Waldensbooks, American Eagle y Christopher Banks. Un supermercado y un banco se encuentran dentro del complejo. * '''Tienda de artículos de pesca Old Trail Tackle & Sports Shop''', 225 S Old Trail, Shamokin Dam. +1 570 743-7380. Carnada y otros artículos de pesca. Consejos útiles sobre dónde pican los peces y la mejor carnada en un ambiente agradable. * '''Colonial Candlecrafters''', Ruta 15, Lewisburg. Ofrece la mayor selección de velas, suministros para la fabricación de velas y fragancias para el hogar de la zona. == Comer == * '''Restaurante y pub Meiserville Inn,''' Rte 104 Mt. Pleasant Mills, ☏ +1 570 539-8526. Comedor libre de humo. Horario de comidas: Miércoles a Jueves de 17:00 a 21:00, Viernes a Sábado de 11:00 a 21:00. Se aceptan reservas en todo momento. Recomendado los viernes y sábados. * '''Restaurante de carnes y costillas BJ's,''' 17 N. Market Street, ☏ +1 7870 570-374-9841. Famoso por sus costillas a la barbacoa y sus filetes al estilo Chicago, y especialmente por su "Bongo Bongo Dip" (una salsa cremosa de espinacas servida bien caliente con pan de ajo), BJ's es una visita obligada para quienes buscan una comida informal en la zona. La comida es insuperable en Selinsgrove y tiene precios razonables. Se aceptan reservas, pero no son obligatorias. * '''El café amable''' Calle Market, Selinsgrove. +1 570 374-0663. Kind Cafe, la alternativa local a las cadenas nacionales de café, ofrece cafés de primera calidad a la mitad de precio que sus competidores nacionales. El café también sirve sándwiches y con frecuencia presenta música en vivo de bandas locales de escuelas secundarias y universidades. * '''Barbacoa Skeeter's Pit,''' Ruta 15 en Shamokin Dam, ☏ +1 570 743-2727. Restaurante informal con servicio rápido. Los comensales disfrutan de una vista impresionante del río Susquehanna desde lo alto de un acantilado. Las luces de Sunbury brillan a lo lejos. * Compre una licencia de pesca de Pensilvania. == Berber == * '''BJ's Pub,''' 17 N Market St, ☏ +1 570 374-9841. Por la noche, BJ's se transforma de restaurante a pub, del que toma su nombre. La combinación de buen servicio, buenas bebidas y caras conocidas atrae a los lugareños a este bar y deja una buena impresión en los visitantes. Se aceptan reservas, pero no son obligatorias. * '''Bot's Tavern,''' ☏ +1 570 374-9074. Orientado al público universitario (con precios más accesibles), Bot's suele estar repleto de estudiantes de las universidades de Susquehanna y Bucknell, así como del gran número de estudiantes locales que regresan a Selinsgrove durante las vacaciones. * '''Selin's Grove Brewing Company,''' ☏ +1 570 374-7308. La cervecería Selin's Grove produce una gran variedad de cervezas artesanales de todos los colores y sabores, desde claras hasta ámbar, desde negras y beige hasta suaves. editar == Dormir == * '''Econo Lodge & Suites,''' 3249 North Routes 11&15, Shamokin Dam, ☏ +1 570 743-1190. Restaurante mexicano y restaurante de desayunos en el mismo hotel. Fácil acceso a través del semáforo a las rutas 11 y 15. A poca distancia a pie de numerosos restaurantes de comida rápida en una concurrida carretera de cuatro carriles sin aceras. * '''Hampton Inn''', 3 Stettler Ave, Shamokin Dam. 3 estrellas según la AAA. Desde $95 por noche. * '''Selinsgrove Inn,''' 214 North Market St, ☏ +1 570 374-4100. En el centro de Selinsgrove. A poca distancia a pie del centro, la universidad y la escuela secundaria. == Conectar == * El Daily Item es el periódico diario de la región. Ofrece calendario de eventos, directorio de iglesias los sábados y números de contacto para asistencia local. Cuenta con una oficina satélite en Market Street, Selinsgrove. El carácter rural de Selinsgrove se refleja en la calidad de su cobertura de telefonía celular. Selinsgrove cuenta con servicio local de Cingular Wireless, Verizon Wireless y Sprint-Nextel Wireless. T-Mobile no ofrece servicio propio en Selinsgrove, por lo que los usuarios sin planes nacionales deberán pagar tarifas de roaming por las llamadas realizadas en la zona. Los usuarios de T-Mobile podrán usar la red de Cingular Wireless, que opera torres de 1900 MHz en toda la zona. La recepción de las cuatro compañías ha mejorado considerablemente con respecto a años anteriores, y los visitantes pueden esperar una cobertura completa en casi toda la ciudad. Las granjas y campos rurales fuera de la zona tienen una recepción más débil y, en ocasiones, irregular. Hay dos puntos de acceso Wi-Fi en la zona. Se encuentran en Dunkin' Donuts y en el restaurante Applebee's, ambos al norte de Selinsgrove, en las rutas 11 y 15, en Hummel's Wharf. Los números de teléfono marcados desde teléfonos celulares deben incluir el código de área además del número de teléfono de 7 dígitos. No es necesario el prefijo "1". Las llamadas locales realizadas desde teléfonos fijos de la zona no requieren código de área. Las llamadas de larga distancia requieren tanto el prefijo "1" como el código de área. Las llamadas a Middleburg y Sunbury son locales. Las llamadas a Lewisburg son de larga distancia. 6bjrn274b64oly50wislgzw5tdl5mv0 253409 253408 2026-05-15T23:42:41Z Dari75 31208 finalizacion 253409 wikitext text/x-wiki {{Top|intro=Selinsgrove es un pequeño pueblo en el condado de Snyder, Pensilvania.}} == Entender == * '''Oficina de Turismo del Valle de Susquehanna''' +1-800-525-7320 == Entra == La ciudad se encuentra aproximadamente a 45 minutos al norte de Harrisburg, Pensilvania, y a una hora al sur de Williamsport, Pensilvania. Ubicada en la parte central del estado, Selinsgrove está aproximadamente a 3 horas y media de Filadelfia, a tres horas de Nueva York, a tres horas de Washington-Baltimore y a cuatro horas de Pittsburgh. ==== Por Avión ==== * '''Penn Valley Airport'''&#x20;('''SEG''' <sup><small>&nbsp;IATA</small></sup>),&#x20;100 Airport Road&#x20;(''a few miles south of Shamokin Dam'').&#x20;<bdi>It serves private and charter planes, and express service from cities such as Harrisburg, Pittsburgh, and Philadelphia.</bdi>&nbsp; * '''El Aeropuerto Internacional de Harrisburg (MDT IATA)''' se encuentra a unos 103 km (64 millas) y a 1 hora y 15 minutos (15 minutos) de la Presa Shamokin. El Aeropuerto Internacional de Harrisburg cuenta con siete importantes aerolíneas que ofrecen vuelos diarios sin escalas a 12 destinos nacionales y 1 internacional. Varias compañías importantes de alquiler de coches tienen presencia en el complejo aeroportuario. Hay aparcamiento para personas con discapacidad en los tres aparcamientos. Hay autobuses especiales accesibles para personas con discapacidad disponibles las 24 horas del día para quienes aparquen en el aparcamiento de larga estancia SmartPark. Los baños de toda la terminal son accesibles para personas con discapacidad. Además, hay cinco baños privados unisex para acompañantes en el edificio de la terminal. Hay un teléfono TDD/TTY disponible para contactar con el servicio de transporte del hotel y las empresas de alquiler de coches externas en la zona de recogida de equipaje del edificio de la terminal. Para obtener más información sobre cualquiera de estos servicios, póngase en contacto con el mostrador de información al cliente llamando al ☏ +1 717 948-5900 entre las 7:00 y las 23:00. * '''El aeropuerto de University Park (SCE IATA)''' se encuentra a las afueras de State College. Opera con United Airlines, Delta y American Airlines. Dispone de servicio de alquiler de coches y aparcamiento seguro. * '''El Aeropuerto Internacional de Wilkes-Barre-Scranton (AVP IATA)''' se encuentra en el noreste de Pensilvania. Está a unas dos horas al noreste de la presa de Shamokin y cuenta con los servicios de muchas de las principales aerolíneas y de todas las principales compañías de alquiler de coches. ==== En tren ==== Selinsgrove se encuentra aproximadamente a 60 millas (45 minutos) al norte de Harrisburg, la capital de Pensilvania. Esta ciudad es una estación clave en las rutas ferroviarias Keystone y Pennsylvanian de Amtrak. Trenes procedentes de Boston, Nueva York y Filadelfia, así como trenes de otras ciudades del oeste, como Pittsburgh, llegan a Harrisburg. Tras la llegada, se puede llegar a Selinsgrove en coche o autobús en poco tiempo. También hay taxis disponibles en la estación. ==== '''En barco''' ==== Selinsgrove se encuentra a lo largo del Sendero Acuático del Río Susquehanna. Cuenta con acceso mejorado para embarcaciones a la costa del río Susquehanna en la Isla de Que, gestionado por la Comisión de Pesca y Embarcaciones de Pensilvania. Se puede navegar principalmente con embarcaciones de pesca ligeras y de poco calado, canoas e inflables. Hay aparcamiento disponible. Un corto paseo por Pine Street le llevará al centro del pueblo. ==== '''En bicicleta''' ==== Los arcenes estrechos o sin pavimentar de la mayoría de las calles secundarias dificultan el ciclismo en la ciudad (fuera de la carretera principal). La Ruta 11, desde la presa de Shamokin hasta Northumberland, es preciosa y ofrece vistas al río. Sin embargo, hay mucho tráfico de camiones en esta ruta. Al sur de la ciudad, por la antigua Ruta 11 (Market Street), se disfruta de un agradable paseo. ==== '''En coche''' ==== Selinsgrove tiene acceso a la Interestatal 80, que discurre de este a oeste unos 24 kilómetros al norte de la zona. Las rutas estatales 11 y 15 de Pensilvania se unen al norte de Harrisburg y constituyen la principal vía de transporte en esta región del centro de Pensilvania. La mayoría de las zonas comerciales y barrios de la zona se encuentran al norte de Selinsgrove, a lo largo de las rutas 11 y 15. Al sur de Selinsgrove, las rutas 11/15 conectan con las Interestatales 81 y 83 y la Autopista de Peaje de Pensilvania, que se dirigen al oeste hacia Pittsburgh y al este hacia Filadelfia. ==== '''Aparcamiento''' ==== El coche es la mejor manera de moverse por Selinsgrove. Hay aparcamiento en la calle en el centro, además de un aparcamiento público. El aparcamiento es gratuito tanto en la calle como en el aparcamiento municipal. Aparcar cerca de la universidad es difícil y en muchos lugares solo se puede acceder con permiso. ==== '''En autobús''' ==== Selinsgrove cuenta con servicio de autobús Greyhound/Trailways en el centro. El servicio de Greyhound conecta con el Aeropuerto Internacional de Harrisburg, el Centro de Transporte de Harrisburg (Amtrak) y numerosos otros centros de transporte en toda la zona, incluidas las ciudades vecinas de Lewisburg y Sunbury. == Como llegar == Se recomienda usar coche o bicicleta para explorar la zona de Selinsgrove. Al salir del pequeño municipio, no hay aceras ni carriles bici seguros. Los arcenes son estrechos y a menudo están descuidados. La Union-Snyder Transportation Alliance ofrece un servicio básico de autobús, pero es necesario reservar con antelación y solo recogen pasajeros que llamen con tiempo. El precio de los viajes se calcula en función de la distancia entre el punto de partida y el de llegada. Selinsgrove también cuenta con un servicio de taxi limitado, pero, al igual que los autobuses, es necesario reservar con antelación. == Ver == ==== '''Atracciones históricas''' ==== * '''Mansión del Gobernador Snyder:''' La antigua residencia del gobernador de Pensilvania, Simon Snyder, de quien toma su nombre el condado de Snyder, se encuentra en Market Street, en el centro de Selinsgrove. El edificio alberga un negocio privado. * '''Antiguo Cementerio Luterano:''' Aquí se encuentra la tumba de Simon Snyder, quien fue gobernador de Pensilvania en tres ocasiones. El monumento, hecho de granito de Quincy, cuenta con relieves de bronce y está coronado por un busto de tamaño natural. Fue erigido por el estado en 1885. * '''Escuela Secundaria del Área de Selinsgrove:''' El primer edificio de la escuela secundaria se construyó en la década de 1930 gracias a la financiación del New Deal. El edificio fue diseñado por los arquitectos Lawrie y Green de Harrisburg. Es de hormigón con estructura de acero, muros de mampostería y exterior de ladrillo rojo. Está coronado por una cúpula. A lo largo de los años se han realizado varias ampliaciones y modificaciones. Murales creados por los estudiantes adornan las paredes de muchos de los pasillos y escaleras. ==== '''Arte y museos''' ==== * '''Galería Lore Degenstein.''' Ubicada en la Universidad Susquehanna de Selinsgrove, la Galería Degenstein es un museo de cultura material del pasado y del presente. ==== Teatro y actuaciones ==== * '''El Teatro del Centro Degenstein''' de la Universidad de Susquehanna acoge a numerosos artistas musicales de renombre durante todo el año, así como representaciones teatrales a cargo de estudiantes universitarios. * '''Universidad de Bucknell''', Lewisburg, PA, ☏ +1 570 577-2000. El Centro Weis para las Artes Escénicas ofrece una amplia variedad de eventos culturales para la región. Se encuentra a 15 minutos en coche desde Selinsgrove, al norte por la Ruta 15. == Hacer == * '''El parque Major Anthony Selin''', en la calle Sassafras, cuenta con canchas de herradura, lanzamiento de aros y baloncesto, además de campos de fútbol. También dispone de una sofisticada zona de juegos para niños pequeños llamada Kidsgrove. * '''Best Bowl''' se encuentra en la Ruta 522 al oeste de Selinsgrove, en Penn Township. Teléfono: +1 570-374-2522. Tienda especializada completa. Se ofrecen bolos con barreras y ligas para todas las edades. Hay una cafetería y una sala de juegos. Para consultar horarios y precios, llame al número indicado. * '''Selinsgrove Speedway,''' la pista de carreras de tierra más grande del noreste, alberga algunas de las carreras más importantes. El circuito regular de Selinsgrove Speedway incluye clasificatorias y finales para autos Sprint 358 (25 vueltas), Late Models (20 vueltas), Pro Stocks (12 vueltas) y Roadrunners (12 vueltas). Las carreras se celebran los viernes y sábados entre marzo y octubre. La entrada cuesta $10 para adultos, $8 para estudiantes (de 12 a 17 años) y es gratuita para niños menores de 11 años. * '''AMC Classic Selinsgrove 12,''' 1 Susquehanna Valley Mall Dr, ☏ +1 570 374-2049. Un cine multisala ubicado en la parte trasera del complejo Susquehanna Valley Mall. Cómodas butacas tipo estadio. Amplio estacionamiento. Llame para consultar la cartelera y los horarios. Matinés con descuento. * '''Pista de patinaje Sunset,''' 2755 N Susquehanna Trail, Shamokin Dam. +1 570 743-6060. Una pista de patinaje cubierta abierta todo el año. Amplio estacionamiento. * '''Hoopla's Xtreme Family Fun,''' 15 Stettler Ave, Shamokin Dam, ☏ +1 570-743-0920. Un circuito de diversión con un atractivo diseño paisajístico. Abierto todos los días en temporada. Se organizan fiestas. Hay una piscina pública al aire libre en Linda Lane, cerca de la Ruta 522. Hay estacionamiento disponible. Se venden membresías anuales y entradas diarias. El horario varía, y la piscina abre desde el Día de los Caídos (Memorial Day) hasta el Día del Trabajo (Labor Day). Cuenta con un pabellón para comer, una zona de descanso con sombra y mesas, además de un puesto de comida y varias máquinas expendedoras de bebidas. * '''Susquehanna Sports Place''' (SSP), conocido por su variada oferta deportiva, cuenta con jaulas de bateo para sóftbol y béisbol, un minigolf, una sala de juegos y muchas otras atracciones. Se encuentra en East 18th Street, Hummels Wharf. * '''El Parque Estatal Shikellamy''' se ubica en los condados de Snyder, Union y Northumberland. La sección Shikellamy Overlook, de 78 acres, se encuentra en la orilla oeste del río Susquehanna y ofrece vistas a la confluencia de las ramas oeste y norte del río. En el lado del condado de Union, el parque cuenta con refugios y mesas para picnic. == Aprender == * '''Universidad de Susquehanna''' Afiliada a la Iglesia Evangélica Luterana en América, la denominación luterana más liberal, Susquehanna es una universidad de cuatro años con aproximadamente 2000 estudiantes ubicada en el centro de Selinsgrove. Susquehanna cuenta con programas particularmente sólidos en negocios y comunicación. Su campus ha sido calificado como el octavo más bello del país. == Comprar == * '''El distrito comercial de Market Street''', en Selinsgrove, cuenta con varias tiendas y restaurantes pintorescos, la mayoría de propiedad local. Desde una boutique nupcial hasta una elegante tienda de ropa para caballeros, pasando por pubs y cervecerías, todo está a poca distancia a pie en el centro de la ciudad. * '''Librería D J Ernst''', 27 N. Market St, ☏ +1 570 374-9461. Libros usados ​​y antiguos, incluyendo historia local y literatura clásica. * '''Graci's Flowers and Gifts''', Market Street, ☏ +1 570 374-4923, gratuito: +1-877-266-6873. Ofrece una extraordinaria variedad de artículos de colección de alta calidad, incluyendo cientos de piezas en conjuntos de edificios temáticos. Se imparten clases sobre técnicas de jardinería. * '''Mercado de agricultores de Middleburg''', a pocos kilómetros al oeste por la Ruta 522 entre Kreamer y Middleburg. ☏ +1 717 837-2222 Subastas de ganado, venta de artículos para el hogar en puestos, frutas, verduras y carnes frescas. Abierto al aire libre/de temporada, martes de 7:00 a 15:00. * '''El centro comercial Susquehanna Valley Mall''', ubicado en las rutas 11 y 15 en Hummels Wharf, es el más grande de la zona. Ofrece una amplia variedad de tiendas de gama media y grandes almacenes. Cuenta con cuatro tiendas ancla: JC Penney, Bon Ton, Sears y Boscov's. También hay tiendas de ropa más pequeñas como FYE, Waldensbooks, American Eagle y Christopher Banks. Un supermercado y un banco se encuentran dentro del complejo. * '''Tienda de artículos de pesca Old Trail Tackle & Sports Shop''', 225 S Old Trail, Shamokin Dam. +1 570 743-7380. Carnada y otros artículos de pesca. Consejos útiles sobre dónde pican los peces y la mejor carnada en un ambiente agradable. * '''Colonial Candlecrafters''', Ruta 15, Lewisburg. Ofrece la mayor selección de velas, suministros para la fabricación de velas y fragancias para el hogar de la zona. == Comer == * '''Restaurante y pub Meiserville Inn,''' Rte 104 Mt. Pleasant Mills, ☏ +1 570 539-8526. Comedor libre de humo. Horario de comidas: Miércoles a Jueves de 17:00 a 21:00, Viernes a Sábado de 11:00 a 21:00. Se aceptan reservas en todo momento. Recomendado los viernes y sábados. * '''Restaurante de carnes y costillas BJ's,''' 17 N. Market Street, ☏ +1 7870 570-374-9841. Famoso por sus costillas a la barbacoa y sus filetes al estilo Chicago, y especialmente por su "Bongo Bongo Dip" (una salsa cremosa de espinacas servida bien caliente con pan de ajo), BJ's es una visita obligada para quienes buscan una comida informal en la zona. La comida es insuperable en Selinsgrove y tiene precios razonables. Se aceptan reservas, pero no son obligatorias. * '''El café amable''' Calle Market, Selinsgrove. +1 570 374-0663. Kind Cafe, la alternativa local a las cadenas nacionales de café, ofrece cafés de primera calidad a la mitad de precio que sus competidores nacionales. El café también sirve sándwiches y con frecuencia presenta música en vivo de bandas locales de escuelas secundarias y universidades. * '''Barbacoa Skeeter's Pit,''' Ruta 15 en Shamokin Dam, ☏ +1 570 743-2727. Restaurante informal con servicio rápido. Los comensales disfrutan de una vista impresionante del río Susquehanna desde lo alto de un acantilado. Las luces de Sunbury brillan a lo lejos. * Compre una licencia de pesca de Pensilvania. == Berber == * '''BJ's Pub,''' 17 N Market St, ☏ +1 570 374-9841. Por la noche, BJ's se transforma de restaurante a pub, del que toma su nombre. La combinación de buen servicio, buenas bebidas y caras conocidas atrae a los lugareños a este bar y deja una buena impresión en los visitantes. Se aceptan reservas, pero no son obligatorias. * '''Bot's Tavern,''' ☏ +1 570 374-9074. Orientado al público universitario (con precios más accesibles), Bot's suele estar repleto de estudiantes de las universidades de Susquehanna y Bucknell, así como del gran número de estudiantes locales que regresan a Selinsgrove durante las vacaciones. * '''Selin's Grove Brewing Company,''' ☏ +1 570 374-7308. La cervecería Selin's Grove produce una gran variedad de cervezas artesanales de todos los colores y sabores, desde claras hasta ámbar, desde negras y beige hasta suaves. editar == Dormir == * '''Econo Lodge & Suites,''' 3249 North Routes 11&15, Shamokin Dam, ☏ +1 570 743-1190. Restaurante mexicano y restaurante de desayunos en el mismo hotel. Fácil acceso a través del semáforo a las rutas 11 y 15. A poca distancia a pie de numerosos restaurantes de comida rápida en una concurrida carretera de cuatro carriles sin aceras. * '''Hampton Inn''', 3 Stettler Ave, Shamokin Dam. 3 estrellas según la AAA. Desde $95 por noche. * '''Selinsgrove Inn,''' 214 North Market St, ☏ +1 570 374-4100. En el centro de Selinsgrove. A poca distancia a pie del centro, la universidad y la escuela secundaria. == Conectar == * El Daily Item es el periódico diario de la región. Ofrece calendario de eventos, directorio de iglesias los sábados y números de contacto para asistencia local. Cuenta con una oficina satélite en Market Street, Selinsgrove. El carácter rural de Selinsgrove se refleja en la calidad de su cobertura de telefonía celular. Selinsgrove cuenta con servicio local de Cingular Wireless, Verizon Wireless y Sprint-Nextel Wireless. T-Mobile no ofrece servicio propio en Selinsgrove, por lo que los usuarios sin planes nacionales deberán pagar tarifas de roaming por las llamadas realizadas en la zona. Los usuarios de T-Mobile podrán usar la red de Cingular Wireless, que opera torres de 1900 MHz en toda la zona. La recepción de las cuatro compañías ha mejorado considerablemente con respecto a años anteriores, y los visitantes pueden esperar una cobertura completa en casi toda la ciudad. Las granjas y campos rurales fuera de la zona tienen una recepción más débil y, en ocasiones, irregular. Hay dos puntos de acceso Wi-Fi en la zona. Se encuentran en Dunkin' Donuts y en el restaurante Applebee's, ambos al norte de Selinsgrove, en las rutas 11 y 15, en Hummel's Wharf. Los números de teléfono marcados desde teléfonos celulares deben incluir el código de área además del número de teléfono de 7 dígitos. No es necesario el prefijo "1". Las llamadas locales realizadas desde teléfonos fijos de la zona no requieren código de área. Las llamadas de larga distancia requieren tanto el prefijo "1" como el código de área. Las llamadas a Middleburg y Sunbury son locales. Las llamadas a Lewisburg son de larga distancia. == Afrontar == == Ir a continuación == * '''Casa Joseph Priestly.''' Ubicada a pocos minutos de Sunbury, en Northumberland, se cree que la Casa Joseph Priestly fue el primer laboratorio científico de los Estados Unidos. Abre de miércoles a sábado de 9:00 a 17:00 y los domingos de 12:00 a 17:00. La última visita guiada comienza a las 16:00. La Casa Joseph Priestly permanece cerrada los lunes, martes y algunos días festivos. La entrada cuesta $4 para adultos y $2 para niños. * '''Reptiland de Clyde Peeling.''' Ruta 15, Allenwood. +1 570 538-1869, +1-800-REPTILAND. Reptiland es un zoológico acreditado por la AZA (Asociación de Zoológicos y Acuarios) especializado en reptiles y anfibios. Desde su apertura en 1964, Reptiland ha acercado al público a los animales menos conocidos. Grupos escolares, familias e individuos interesados ​​en la historia natural coinciden en que Reptiland ofrece una combinación perfecta de educación ambiental y entretenimiento. * '''Museo de Carruajes de Mifflinburg''', 598 Green St., Mifflinburg. +1 570-966-1355. Un taller de carruajes restaurado con correas y poleas, herramientas, maquinaria y forjas. Horario: De mayo a octubre, el complejo del museo (Centro de Visitantes y edificios históricos) abre de jueves a sábado de 10:00 a 17:00 y los domingos de 13:00 a 17:00. El último recorrido comienza a más tardar a las 16:00. De noviembre a abril, solo el Centro de Visitantes abre de jueves a sábado de 10:00 a 17:00. Se ofrecen visitas guiadas para grupos de lunes a sábado de 9:00 a 17:00 (si el tiempo lo permite). A veinte minutos en coche de Selingrove. * '''Parque de Atracciones Knoebels,''' Ruta 487, Elysburg. +1-800-487-4386. Entrada, aparcamiento, picnic y entretenimiento gratuitos. Dos montañas rusas de madera de primera categoría. ¡Súbete al Brass Ring en uno de los carruseles más grandes y antiguos del mundo! Próximamente... "Flying Turns", la versión personalizada de Knoebels de una montaña rusa clásica. * '''Museo Packwood House,''' 15 No. Water St., Lewisburg. +1 570 524-0323. Un hermoso edificio histórico que alberga una extensa colección de antigüedades y arte. Socio de Purple Heart Highway. * '''Museo Slifer House''', 80 Magnolia Drive, Lewisburg. +1 570 524-2245. Una casa victoriana construida a mediados del siglo XIX, ubicada en el campus de River Woods. * '''Penns Creek Pottery''', Rte 104. 65 Pottery Lane, Mifflinburg. +1 570 837-3809. Ubicado junto a Jack's Mountain, a lo largo de la Rt. 104. Una amplia variedad de hermosas piezas de cerámica hechas a mano. Mientras explora, el propietario, Bill Lynch, con gusto le brindará su amplio conocimiento de la zona y las diversas técnicas de alfarería. Después de realizar una compra, solo pregunte, y Bill podría darle un recorrido por el horno donde se creó su pieza de cerámica y el equipo original del granero (que data de 1908). * '''Cats of the World de T&D,''' un refugio para animales exóticos. ¡Acérquese a menos de un metro y medio de leones, tigres y leopardos o deje que un emú coma directamente de su mano! Ruta 104, Penns Creek. * '''Rainbow Massage''', 36 Silvermoon Lane, Lewisburg. +1 570 568-0606. * '''Campus Theatre,''' Market Street, Lewisburg. +1 570 524-9628. * '''Street of Shops''', 100 N. Water St., Lewisburg. +1 570 524-5765. 125 tiendas en un centro comercial y un restaurante dentro de una antigua fábrica de lana restaurada. Para explorar más a fondo el patrimonio, la cultura, la gastronomía y las compras en el Valle Central del Susquehanna, no deje de visitar Lewisburg y Sunbury, ambas en Pensilvania, que forman parte de la Triada del Valle Central del Susquehanna. También encontrará granjas amish cerca, en el condado de Lancaster. Los equipos de hockey sobre hielo Hershey Bears, béisbol Red Barons y hockey Wilkes-Barre-Scranton Penguins están a poca distancia en coche de Selinsgrove. State College, sede de la Universidad Estatal de Pensilvania, se encuentra a unos 65 minutos y ofrece opciones adicionales de cultura, deportes y entretenimiento. Si viaja un poco más lejos, podrá llegar a la costa atlántica. dti6k1yn4dkuvjieurn4vctx38tkytl Usuario:Jsmura/Selector responsive 2 18437 253371 253302 2026-05-15T18:42:27Z Jsmura 5370 253371 wikitext text/x-wiki <div class="cols-20-80-grid"> <div class="sp-sidebar"> <div class="sp-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="sp-sidebar-foot">{{{foot sidebar|↑ selecciona un tipo}}}</div> </div> <div class="sp-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>{{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/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> ggxx22yccvqgf6f1qcj8hhfwt55vghv 253385 253371 2026-05-15T20:53:52Z Jsmura 5370 253385 wikitext text/x-wiki <div class="config-general cols-20-80-grid"> <div class="sp-sidebar"> <div class="sp-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="sp-sidebar-foot">{{{foot sidebar|↑ selecciona un tipo}}}</div> </div> <div class="sp-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>{{Usuario:Jsmura/DocSintaxis |nombre=Selector responsive |desc=Selector de contenido con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|title sidebar|opt||Elige un tipo}} {{Usuario:Jsmura/DocParam|foot sidebar|opt||↑ selecciona un tipo}} {{Usuario:Jsmura/DocParam|sidebar content|req| |<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> }} {{Usuario:Jsmura/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> bxeo5u1aayj7urn14urf2bfprj16x4b Usuario:Jsmura/Hero responsive 2 18440 253387 253334 2026-05-15T20:54:10Z Jsmura 5370 253387 wikitext text/x-wiki <div class="config-general wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:{{{img|Wiki Sable Chibi.png}}}|link=|alt=img]]</div> <div class="wvas-hero-text"> <h1>{{{title|¡Crea tu guía de viaje en Wikiviajes!}}}</h1> <div class="wvas-hero-lead">{{{subtitle|Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}}} </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" >{{{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> </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Hero responsive |desc=Item de selección para la Plantilla: Selector Responsive. No se debe utilizar sola. |params= {{Usuario:Jsmura/DocParam|img|req||Wiki Sable Chibi.png}} {{Usuario:Jsmura/DocParam|title|req||¡Crea tu guía de viaje en Wikiviajes!}} {{Usuario:Jsmura/DocParam|subtitle|req||Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.}} {{Usuario:Jsmura/DocParam|content|req||'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.}} }}</noinclude> mkawexkpj4zequ6wxop3eepf3siq3l1 Usuario:Jsmura/2 cols responsive 2 18442 253369 2026-05-15T18:35:55Z Jsmura 5370 Página creada con «<div class="cols-2-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:Jsm…» 253369 wikitext text/x-wiki <div class="cols-2-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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> <div class="cols-20-80-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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> <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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> <div class="cols-4-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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> c0m03fbw2djqk9dsuhkv4r40lfm3i2j 253393 253369 2026-05-15T21:32:05Z Jsmura 5370 Añadiendo plantilla de borrado mediante [[WV:Serena|Serena]] 253393 wikitext text/x-wiki {{destruir|g11}} <div class="cols-2-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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> <div class="cols-20-80-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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> <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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> <div class="cols-4-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 }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:Políticas |title=📋 Políticas del proyecto |subtitle=Las normas que rigen la creación y edición de artículos en Wikiviajes }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |link=WV:MDE |title=✏️ Manual de estilo |subtitle=Convenciones de formato, títulos, listados y redacción para todos los artículos }} {{Usuario:Jsmura/Card info medium responsive |img=Wikivoyage-logo.svg |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> 3dnh182aai142pa6q79lwm1sd22eqtk Usuario:Jsmura/Selector horizontal responsive 2 18443 253398 2026-05-15T22:05:42Z Jsmura 5370 Página creada con «<div class="htab-wrap"> <!-- ── Barra superior: pestañas ── --> <div class="htab-bar"> <!-- Fondo animado (generado por JS automáticamente) --> <div class="htab-bg"><div class="htab-bg-track"></div></div> <!-- Pestañas — añadir tantas como se necesite --> <div class="htab-tabs"> <!-- Primera pestaña activa por defecto (class="htab-tab active") --> <div class="htab-tab active" data-htab="destino">Archivo:Wikivoyage-lo…» 253398 wikitext text/x-wiki <div class="htab-wrap"> <!-- ── Barra superior: pestañas ── --> <div class="htab-bar"> <!-- Fondo animado (generado por JS automáticamente) --> <div class="htab-bg"><div class="htab-bg-track"></div></div> <!-- Pestañas — añadir tantas como se necesite --> <div class="htab-tabs"> <!-- Primera pestaña activa por defecto (class="htab-tab active") --> <div class="htab-tab active" data-htab="destino">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Destino</div> <div class="htab-tab" data-htab="tematico">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Artículo temático</div> <div class="htab-tab" data-htab="itinerario">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Itinerario</div> <div class="htab-tab" data-htab="conversacion">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Conversación</div> <!-- Ejemplo de pestaña adicional: solo añadir aquí y su panel abajo --> <!-- <div class="htab-tab" data-htab="nuevo">Nuevo tipo</div> --> </div> </div><!-- /htab-bar --> <!-- ── Área de contenido: un panel por pestaña ── --> <div class="htab-panels"> <!-- id="htab-{mismo valor que data-htab}" --> <!-- Primera activa por defecto (class="htab-panel active") --> <div class="htab-panel active" id="htab-destino">{{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }}</div> <div class="htab-panel" id="htab-tematico"> {{WV-SeccionTematico}} </div> <div class="htab-panel" id="htab-itinerario"> {{WV-SeccionItinerario}} </div> <div class="htab-panel" id="htab-conversacion"> {{WV-SeccionConversacion}} </div> <!-- Panel adicional correspondiente a la pestaña comentada arriba --> <!-- <div class="htab-panel" id="htab-nuevo">Contenido del nuevo tipo</div> --> </div><!-- /htab-panels --> </div><!-- /htab-wrap --> tnos67vpsq93vhqtarcttdhh1p19yh2 253399 253398 2026-05-15T22:11:12Z Jsmura 5370 253399 wikitext text/x-wiki <div class="htab-wrap"> <!-- ── Barra superior: pestañas ── --> <div class="htab-bar"> <!-- Fondo animado (generado por JS automáticamente) --> <div class="htab-bg"><div class="htab-bg-track"></div></div> <!-- Pestañas — añadir tantas como se necesite --> <div class="htab-tabs"> <!-- Primera pestaña activa por defecto (class="htab-tab active") --> <div class="htab-tab active" data-htab="destino">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]] Elementos responsive<br/> de ancho completo</div> <div class="htab-tab" data-htab="tematico">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Elementos responsive de ancho completo</div> <div class="htab-tab" data-htab="itinerario">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Elementos responsive de ancho completo</div> <div class="htab-tab" data-htab="conversacion">[[Archivo:Wikivoyage-logo.svg|18px|link=|alt=]] Elementos responsive de ancho completo</div> <!-- Ejemplo de pestaña adicional: solo añadir aquí y su panel abajo --> <!-- <div class="htab-tab" data-htab="nuevo">Nuevo tipo</div> --> </div> </div><!-- /htab-bar --> <!-- ── Área de contenido: un panel por pestaña ── --> <div class="htab-panels"> <!-- id="htab-{mismo valor que data-htab}" --> <!-- Primera activa por defecto (class="htab-panel active") --> <div class="htab-panel active" id="htab-destino">{{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }}</div> <div class="htab-panel" id="htab-tematico"> {{WV-SeccionTematico}} </div> <div class="htab-panel" id="htab-itinerario"> {{WV-SeccionItinerario}} </div> <div class="htab-panel" id="htab-conversacion"> {{WV-SeccionConversacion}} </div> <!-- Panel adicional correspondiente a la pestaña comentada arriba --> <!-- <div class="htab-panel" id="htab-nuevo">Contenido del nuevo tipo</div> --> </div><!-- /htab-panels --> </div><!-- /htab-wrap --> b1502xzigep3onvf74neuiznqjejnrc 253403 253399 2026-05-15T22:32:33Z Jsmura 5370 253403 wikitext text/x-wiki <div class="htab-wrap"> <div class="htab-bar"> <!-- Fondo animado (generado por JS automáticamente) --> <div class="htab-bg"><div class="htab-bg-track"></div></div> <div class="htab-tabs"> {{{butonera|}}} </div> </div><!-- /htab-bar --> <div class="htab-panels"> {{{main content|}}} </div><!-- /htab-panels --> </div><!-- /htab-wrap --><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Selector horizontal responsive |desc=Selector de contenido basado en una butonera con opción para múltiples elementos. |params= {{Usuario:Jsmura/DocParam|butonera|req| |<nowiki>{{Selector horizontal responsive/Button item|id=id1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Título del botón }} {{Selector horizontal responsive/Button item|id=id2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Título del botón }}</nowiki>}} {{Usuario:Jsmura/DocParam|main content|req| |<nowiki>{{Selector horizontal responsive/Content item|id=id1|activo=sí|content=Contenido a mostrar}} {{Selector horizontal responsive/Content item|id=id2|content=Contenido a mostrar}}</nowiki> }} }}</noinclude> 6mm4y5hkt1hb148o8yzqke7ci9otsyo Usuario:Jsmura/Selector horizontal responsive/Button item 2 18444 253400 2026-05-15T22:25:38Z Jsmura 5370 Página creada con «<div class="htab-tab {{#if:{{{activo|}}}|active}}" data-htab="{{{id|destino}}}">{{{content|}}}</div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Selector horizontal responsive/Button item |desc=Item de selección para la Plantilla: Selector horizontal 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||<nowiki>Archivo:Wikivoyage-logo…» 253400 wikitext text/x-wiki <div class="htab-tab {{#if:{{{activo|}}}|active}}" data-htab="{{{id|destino}}}">{{{content|}}}</div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Selector horizontal responsive/Button item |desc=Item de selección para la Plantilla: Selector horizontal 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||<nowiki>[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Título del botón</nowiki>}} }}</noinclude> 2wj25fobah9eyvzo6moie5wlpoackpt Usuario:Jsmura/Selector horizontal responsive/Content item 2 18445 253401 2026-05-15T22:29:31Z Jsmura 5370 Página creada con «<div class="htab-panel {{#if:{{{activo|}}}|active}}" id="htab-{{{id|identificador1}}}"> {{{content|}}} </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre= horizontal responsive/Content item |desc=Item de contenido para la Plantilla: Selector horizontal 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}} }}</noincl…» 253401 wikitext text/x-wiki <div class="htab-panel {{#if:{{{activo|}}}|active}}" id="htab-{{{id|identificador1}}}"> {{{content|}}} </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre= horizontal responsive/Content item |desc=Item de contenido para la Plantilla: Selector horizontal 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> hh6aghgh7nideji3n1mmzm30gk4jaz2 253402 253401 2026-05-15T22:29:52Z Jsmura 5370 253402 wikitext text/x-wiki <div class="htab-panel {{#if:{{{activo|}}}|active}}" id="htab-{{{id|identificador1}}}"> {{{content|}}} </div><noinclude>{{Usuario:Jsmura/DocSintaxis |nombre=Selector horizontal responsive/Content item |desc=Item de contenido para la Plantilla: Selector horizontal 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> 51q3uyzli2n7b97aauf6fcs8qvbvtsa