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 0 2760 253219 233887 2026-05-14T08:16:24Z ~2026-28991-80 31202 253219 wikitext text/x-wiki {{Top |intro='''[http://www.munlima.gob.pe/ Lima]''' es la capital del [[Perú]], centro político, económico y cultural del país. También es la única capital sudamericana ubicada a orillas del mar. Fundada en 1535 por el conquistador español [[w:es:Francisco Pizarro|Francisco Pizarro]], la ciudad es una curiosa mezcla de las modernas megaciudades con algunas "islas de antigüedad", con varias construcciones prehispánicas salpicadas por la ciudad, grandes barriadas y arquitectura colonial en el centro de la ciudad. Lima fue la sede del virreinato español durante 300 años, y como tal tiene maravillosas iglesias, claustros y monasterios. La ciudad de Lima cuenta con una destacada oferta en cuanto a servicios gastronómicos desde restaurantes típicos hasta la cocina internacional, asimismo una variada oferta de la culinaria de las regiones de la costa, sierra y selva. |ddm=sí |unesco=si }} {{otros lugares}} == Comprender == {{APwp|Historia de la ciudad de Lima}}Lima fue fundada el 18 de enero de 1535, Francisco Pizarro. Desde entonces se estableció en el valle del [[w:es:Río Rímac|río Rímac]] bajo el nombre «Ciudad de los Reyes». Contó con varios edificios, incluido la casa de Pizarro, donde actualmente reside el presidente de la república. Lima es una metrópolis con casi 13 millones de personas (según proyección de 2022). La ciudad está construida en un valle rodeado por un desierto extremadamente árido. Por lo que sus obras se instalaron desde su fundación hasta la actualidad. Por ser zona con mayor desarrollo, muchas de estas personas han emigrado desde la cordillera de los Andes para encontrar trabajo en Lima, sin éxito. Por ello, algunas edificaciones de material económico son la muestra de pobreza extendida por la ciudad y en las zonas periféricas. La corriente de mar frío que pasa por la costa de Lima hace que el mar sea muy rico en pescados y mariscos. === Cultura === Lima es una ciudad milenaria, aquí se desarrollaron diversas civilizaciones teniendo como la más antigua a [[Caral]], entre varias otras. Los Incas, los últimos locales en la gestión de la zona, también dejaron su huella en este territorio, que posteriormente, con la colonia, recibió migraciones de orígenes mucho más lejanos, África, Asia y Europa desarrollándose un gran mestizaje de toda esta diversidad. Sin embargo, la limeña, y también la peruana, es una sociedad profundamente racista. El visitante podrá sentir esta cuestión con especial atención ya que muchas de las personas conversan sobre este asunto sin tapujos, en un esfuerzo por visibilizar este problema. Una especial aproximación a este asunto puede ser visto en el Museo Nacional de Arqueología, Antropología e Historia del Perú y en el Museo Lugar de la Memoria. Los Incas fueron arquitectos y expertos hidráulicos, supieron aprovechar la [[Pacha Mama]] (Madre Tierra) al crear [[Andenes]] y grandes canales de regadío. Ellos manejaron a su pueblo con orden y disciplina. La arquitectura prehispánica y colonial de Lima es hermosa y la ciudad cuenta con varios museos (como el Museo Larco) que relatan la historia de un país con una larga historia que produjo un gran número de civilizaciones costeras y andinas (como los Moche, Chavín y los Incas) y muchas culturas locales. Hay varios yacimientos arqueológicos en la ciudad y sus alrededores (conocidos localmente como huaca). === Clima === {{Clima|enemaxreg=32.7|febmaxreg=32.5|marmaxreg=33.4|abrmaxreg=31.6|maymaxreg=30.3|junmaxreg=30.0|julmaxreg=28.3|agomaxreg=29.0|sepmaxreg=28.0|octmaxreg=25.2|novmaxreg=29.0|dicmaxreg=30.4|enemax=26.9|febmax=28.6|marmax=28.6|abrmax=26.5|maymax=23.4|junmax=21.1|julmax=19.1|agomax=18.8|sepmax=18.1|octmax=21.5|novmax=23.7|dicmax=27.8|enemin=19.2|febmin=20.5|marmin=20.5|abrmin=18.2|maymin=17.5|junmin=15.2|julmin=14.5|agomin=14.5|sepmin=14.5|octmin=14.5|novmin=16.5|dicmin=18.5|eneminreg=12.0|febminreg=15.0|marminreg=11.0|abrminreg=10.0|mayminreg=8.0|junminreg=10.0|julminreg=8.9|agominreg=10.0|sepminreg=12.5|octminreg=11.0|novminreg=11.1|dicminreg=13.9|eneprecip=0.8|febprecip=0.4|marprecip=0.4|abrprecip=0.1|mayprecip=0.3|junprecip=0.7|julprecip=1.0|agoprecip=1.5|sepprecip=0.7|octprecip=0.2|novprecip=0.1|dicprecip=0.2}}Lima ofrece un clima húmedo todo el año (especialmente en el oeste) siendo variado algunas veces, peculiar, con muchas lloviznas en invierno y con pocas lluvias fuertes en verano. El verano es cálido y húmedo, muy soleado y la temperatura promedio es de 20 a 31 grados, pero es variable. La temperatura más alta es de 34 grados registrada en la ciudad. La aparición de lluvia esporádica en esta estación es posible pero ésta es de corta duración variando de ligera a fuerte intensidad situada más al centro o este de la capital. Tanto el otoño como la primavera ofrecen un promedio de 26 grados respectivamente. Y el invierno ofrece temperaturas que oscilan de 14 o 15 para las mínimas y de 18 a 20 para las máximas aunque no faltan años en que la temperatura mínima puede descender hasta los 12 u 11 grados, siendo 10 grados la temperatura más baja registrada. En esta época, el tiempo es mayormente nublado y húmedo con mucha niebla o neblina en las mañanas más en las ciudades costeras. Hay muchas lloviznas ligeras o a veces pequeñas lluvias de ligera intensidad pero bien esporádicas. El clima fuera de Lima es soleado a glacial dependiendo donde vaya. Pues Lima posee planicies, montañas como playas. Los veranos en Lima son mayormente soleados con noches frescas a ligeramente cálidas. En el período diurno la temperatura llega hasta los 26 grados en enero, en febrero de 26 a 30, siendo el mes más caluroso. Resta el mes de marzo siendo en promedio de 25 a 31 o sea un promedio de los dos meses anteriores siendo también soleado. La humedad presente hace sentir más calor. Los inviernos en Lima son fríos en las mañanas llegando a 14 o 15 grados aunque a veces se pueden registrar temperaturas menores a estas. Las tardes son frías, ligeramente frías a frescas, las temperaturas variando de 16 a 20 grados. El tiempo permanece mayormente nublado todo el día, y la humedad es alta dando una sensación térmica más baja de la que hace, se siente mas frío. Las nieblas y neblinas aparecen de mayo a noviembre mayormente en las ciudades costeras. La aparición de lloviznas ligeras es posible. En fin, las estaciones de otoño y primavera ofrecen noches frías, a ligeramente frescas. Las tardes son frescas a ligeramente cálidas, a términos o comienzos de estas estaciones podrían haber días fríos o cálidos, la alteración o paso de frentes fríos o cálidos es posible los cuales provienen mayormente del sur aportando en si aire cálido o frío. Se le recomienda al viajero que si desea visitar Lima, coloque en su maleta prendas de todo tipo de estación, ya sea verano, primavera, otoño o invierno. == Áreas de Lima == Lima es una gran ciudad, y para facilitar la comprensión de los turistas, la hemos dividido en sectores o áreas que agrupan a los distritos. {{Lista de regiones | regionmapa=LIM sector.png | regionmapatexto=Distritos de Lima, agrupados en sectores | regionmapatamano=500px | region1nombre=[[Lima/Lima Centro|<span style="color:saddlebrown">Lima Centro</span>]] | region1color=saddlebrown | region1items=La zona central de Lima. Con algunos distritos populares como Breña, La Victoria y El Agustino y con zonas céntricas y turísticas como el Cercado de Lima. El mismo Cercado tiene también algunas zonas residenciales como Los Cipreses, Mateo Salado y Mirones. | region1descripcion='''Distritos:''' Lima Cercado, La Victoria, San Luis, Breña, Jesús María, Lince, Rímac, El Agustino. | region2nombre=[[Lima/Lima Oeste|<span style="color:deepskyblue">Lima Oeste</span>]] | region2color=deepskyblue | region2items= La zona occidental de la ciudad, cerca al Océano Pacífico. Con zonas residenciales y lujosas como Miraflores, San Isidro, Magdalena, San Miguel, y Pueblo Libre; y algunas zonas populosas como Surquillo. | region2descripcion='''Distritos:''' Chorrillos, Barranco, Miraflores, San Isidro, Magdalena del Mar, Pueblo Libre, San Miguel. | region3nombre=[[Lima/Lima Este|<span style="color:gold">Lima Este</span>]] | region3color=gold | region3items=La parte oriental de la ciudad. Hay zonas residenciales como La Molina, zonas populosas como Ate Vitarte, y zonas campestres como Chosica y Cieneguilla. En Santa Anita está el Gran Mercado Mayorista de Lima, en donde puedes conseguir frutas y verduras de calidad a precios realmente económicos. | region3descripcion='''Distritos:''' La Molina, Cieneguilla, Ate Vitarte, Santa Anita, San Juan de Lurigancho, Lurigancho-Chosica, Chaclacayo. | region4nombre=[[Lima/Lima Sur|<span style="color:blue">Lima Sur</span>]] | region4color=blue | region4items= El sur de la ciudad. Tiene zonas residenciales y lujosas como Surco y San Borja, pero tiene zonas populares y comerciales como el Parque Industrial de Villa el Salvador. Más lejos, en Lurín y Pachacamac existen zonas campestres. Al sur del valle del Río Lurín se encuentran las conocidas playas del sur, en donde los limeños van a bañarse los fines de semana de verano. | region4descripcion='''Distritos:''' San Borja, Santiago de Surco, San Juan de Miraflores, Villa María del Triunfo, Villa el Salvador, Pachacamac, Lurín, Punta Hermosa, Punta Negra, San Bartolo, Santa María del Mar, Pucusana. | region6nombre=[[Lima/Lima Norte|<span style="color:green">Lima Norte</span>]] | region6color=green | region6items= Es la zona más comercial y popular de la ciudad. Aquí se encuentra el único gran Terminal Terrestre Internacional de la ciudad, llamado Plaza Norte. San Martín de Porres, Puente Piedra y Comas son distritos más populares, mientras que Los Olivos es más residencial. Carabayllo tiene zonas populares y también zonas campestres en la zona del valle de Chillón. Pasando Puente Piedra, están algunos balnearios residenciales como Santa Rosa y Ancón. | region6descripcion='''Distritos:''' San Martín de Porres, Los Olivos, Independencia, Comas, Carabayllo, Puente Piedra, Santa Rosa, Ancón. | region7nombre=[[Callao|<span style="color:red">Callao</span>]] | region7color=red | region7items=Políticamente, el Callao es una jurisdicción que no forma parte de Lima, sin embargo, está conurbada a ella. En el Callao hay varias zonas inseguras como los Barracones, aunque también hay zonas turísticas como La Punta. Bellavista es un distrito con zonas residenciales y populares. En el Callao están ubicados el puerto y el aeropuerto internacional Jorge Chávez. | region7descripcion='''Distritos:''' Callao, La Perla, La Punta, Bellavista, Ventanilla, Carmen de la Legua y Reynoso, Mi Perú. }} ==Llegar== [[Archivo:LIM terminal.jpg|thumb|Vista de la terminal principal del Aeropuerto Internacional Jorge Chávez]] ===En avión=== * {{listado | nombre = Aeropuerto Internacional Jorge Chávez | alt = '''LIM''' ^{<small> IATA</small>} | tipo = airport | url = https://www.lima-airport.com/ | dirección = Avda. Elmer Faucett s/n, Callao | lat = -12.02263 | long = -77.10772 | tlf = +51 1 517 3500 | email = comunicaciones@lima-airport.com | facebook = aeropuertojorgechavez | instagram = aeropuerto_jorgechavez | twitter = LAPJorgeChavez | youtube = https://www.youtube.com/c/AeropuertoInternacionalJorgeCh%C3%A1vez | horario = Siempre accesible | lastedit = 2024-01-26 | descripción = Es el aeropuerto que sirve a la ciudad de Lima. El mismo actúa como aeropuerto de cabotaje e internacional. }} :Estas son las aerolíneas (y ciudades principales) que vuelan desde aquí : :*Aerolíneas Argentinas - Buenos Aires :*American Airlines - [[Miami]], Dallas :*AirEuropa - Madrid :*Air France - Paris :*LATAM - Santiago de Chile, Miami, Caracas. Nueva York, Los Angeles, Isla de Pascua, Buenos Aires, Guayaquil, Quito, Santiago de Chile, Los Angeles, Santa Cruz, San Francisco, New York, Cancún, México DF, La Habana, Punta Cana, Buenos Aires, Córdoba, La Paz, Santa Cruz, Foz do Iguaçu, São Paulo, Rio de Janeiro, Bogotá, Cali, Medellín, Caracas, Madrid :*Avianca - San Salvador, San José, Quito, Buenos Aires, Guayaquil, San Salvador, Miami, Cancún, Mexico DF, La Habana, Santo Domingo, Rosario, La Paz, Santa Cruz, Porto Alegre, Rio de Janeiro, São Paulo, Antofagasta, Santiago de Chile, Bogotá, Cali, Medellín, Asunción, Montevideo, Caracas :*Air Europa :*Iberia - Madrid :*KLM - Amsterdam :*United Airlines - Houston, Newark :*Aeroméxico - CDMX :*Avior - Caracas :*Arajet - Santo Domingo :*Copa Airlines - Ciudad de Panamá :*Delta Airlines - Atlanta :*Spirit Airlines (Estados Unidos) - Fort Lauderdale :*Sky Airline - Arequipa, Santiago :*Aerosur :*Air Canada - [[Toronto]] Desde el '''Aeropuerto Internacional Jorge Chávez''' usted puede ir a la ciudad (y viceversa) de las siguientes formas: * En '''Taxi''': Los taxis oficiales del aeropuerto suelen cobrar alrededor de {{USD|40}}, dependiendo de la distancia. Los servicios de taxi autorizados por el aeropuerto son los siguientes: :* {{listado | nombre = Taxi Green | tipo = public transport | address = Avda. Elmer Faucett 3453, Callao | url = https://www.taxigreen.com.pe | tlf = +51 1 484 4001 | mobile = +51 996 575 781 | email = reservas@taxigreen.com.pe | facebook = oficialtaxigreen | instagram = taxigreen.oficial | twitter = taxigreenoficia | descripción = Taxi regular }} :* {{listado | nombre = Taxi 365 | tipo = public transport | address = Avda. Paz Soldán 170, of. 701, San Isidro | url = https://taxi365.pe/ | tlf = | mobile = +51 1 219 0266 | email = reservas@cmv.pe | facebook = Taxi365Peru | instagram = taxi365peru | twitter = | descripción = Taxi regular }} :* {{listado | nombre = Taxi Directo | tipo = public transport | address = | url = https://www.directoapp.pe/ | tlf = +51 1 711 1111 | mobile = +51 986 646 351 | email = calidad@directoapp.pe | facebook = taxidirecto | instagram = directoapp.pe | twitter = | descripción = Taxi regular }} :* {{listado | nombre = CMV Taxi | tipo = public transport | address = Avda. Paz Soldán 170, of. 701, San Isidro | url = https://cmvtaxi.pe/ | tlf = +51 1 219 0266 | mobile = +51 981 057 229 | email = reservas@cmv.pe | facebook = cmvremisseoficial | instagram = | twitter = | descripción = Taxi ejecutivo }} :* {{listado | nombre = Trip | tipo = public transport | address = | url = https://trip.com.pe/ | tlf = +51 1 663 4215 | mobile = +51 932 553 721 | email = | facebook = | instagram = | twitter = | descripción = Taxi ejecutivo }} :Si desea algo más económico, puede tomar un taxi no oficial desde el estacionamiento del aeropuerto, pero pacte el precio antes con el chofer, en este caso puede pagar {{PEN|80}} a '''Miraflores''' (a marzo 2024). Tenga cuidado con las cantidades pactadas, pues pueden haber "confusiones" si no señala puntualmente "x soles" en vez de "x dólares" (esto no ocurre en el resto de la ciudad, donde los precios de taxis siempre serán en soles). :Lima posee otros distritos turísticos como San Isidro, Barranco, Cercado de Lima y Surco: #Del aeropuerto a '''San Isidro''' – Un servicio de taxi puede costar {{PEN|80}}. El trayecto es de 15 kilómetros (1 hora de viaje en promedio según el tráfico). #Del aeropuerto a '''Barranco''' – Un servicio de taxi le puede costar {{PEN|90}}. El trayecto es de 20 kilómetros (1 hora de viaje en promedio según el tráfico). #Del aeropuerto a '''Cercado de Lima''' – Un servicio de taxi puede costar {{PEN|65}}. El trayecto es de solo 10 kilómetros (1 hora de viaje en promedio debido al alto tráfico del lugar). #Del aeropuerto a '''Surco''' – Un servicio de taxi le puede costar {{PEN|100}}. El trayecto es de 25 kilómetros (1 hora de viaje en promedio según el tráfico). :Para cambiar euros o dólares a soles y viceversa, lo más recomendable es hacerlo fuera del aeropuerto, en una casa de cambio particular. No lo haga con cambistas, pues lo pueden asaltar. :Para ir hacia el aeropuerto, lo más recomendable es llamar a una empresa de taxis, que cobrará alrededor de {{PEN|70}} desde zonas cercanas a Miraflores (a marzo 2024), no habrá tanta diferencia en el precio con un taxi de la calle (tal vez este cueste {{PEN|60}} o más). * En '''Airport Express''': Si busca viajar desde el aeropuerto de Lima al distrito de Miraflores, el "Airport Express" es el servicio de autobús oficial para quienes buscan transporte. El Autobús Airport Express sale desde el aeropuerto a Miraflores cada hora entre las 07:00 y las 22:00 horas. El tiempo de viaje desde el aeropuerto de Lima a Miraflores toma aproximadamente entre 45 minutos a 1 hora, con una última parada cerca de los hoteles más conocidos del distrito. La ruta incluye 4 paradas, todas convenientemente ubicadas junto a hitos de renombre: #Marriott (frente a Larcomar), en Malecón de la Reserva. #Tourist Information Center (Larco), en Av. José Larco con San Martín. #Parque Kennedy (Tourist Information Center), en la esquina de Diagonal con Berlín. #Hotel Boulevard (En puerta), en Avda. José Pardo con Jorge Chavez. :Los buses son amplios, tienen espacio para equipaje, capacidad para 40 asientos así como wifi gratis, tv informativa y seguridad. Para un boleto normal de ida, el precio del autobús desde el aeropuerto hasta Miraflores es de {{PEN|20}} (a marzo 2024). Los boletos se pueden obtener en el mostrador oficial del aeropuerto, directamente con el conductor del autobús (en est caso debe tener el dinero exacto) o comprarlos por adelantado en el sitio de [https://www.airportexpresslima.com/es/ Airport Express]. Los boletos adquiridos en línea son válidos para cualquier bus y en cualquier día dentro de 6 meses de la fecha de salida seleccionada por si surge un cambio de planes. Sólo preséntese y muestre su ticket (no es necesario imprimir el ticket, puede mostrarlo desde su smartphone). :Si desea viajar desde Miraflores al aeropuerto, las paradas también son el punto de partida de los buses, saliendo cada hora desde las 06:50 hasta las 20:50 horas. El precio es el mismo. * En '''Autobús público''': Si llega en avión puedes optar por el transporte público. Para ello puede tomar autobuses que recorren la avenida Elmer Faucett, ubicada frente a la puerta principal del aeropuerto. Tenga en cuenta que si tiene equipaje voluminoso u objetos de valor, esta opción puede no ser la ideal. La tarifa promedio ronda los {{PEN|3.50}} y los buses operan de 05:00 a 23:00 horas. Los recorridos '''IO03''', '''IO07''', '''IO14''' o '''IO89''' lo llevarán a Miraflores. :Fuera de la terminal es posible encontrar micros y combis locales (pequeñas furgonetas utilizadas para el transporte). Sin embargo, no ofrecen el mismo nivel de comodidad y conveniencia que las otras opciones, por lo que no son muy recomendables. Siempre priorice la seguridad al elegir buses, micros o combis públicos por el mayor índice de criminalidad cerca del Aeropuerto de Lima. Manténgase alerta y opte por el transporte más seguro desde el Aeropuerto de Lima. ===En tren=== Desde La Oroya y Huancayo, puedes tomar un tren hacia Lima. La parada de llegada es la [[w:es:Estación de Desamparados|Estación de Desamparados]]. No es lo más recomendable, ya que a diferencia del bus demora 12 horas. === En bus === Además de Plaza Norte, cada empresa tiene sus propios terminales, la mayoría concentrados al frente del Estadio Nacional aunque algunos en otras partes. Para llegar a Lima desde destinos internacionales, como pueden ser Argentina o Chile, por ejemplo el viaje de Lima a Mendoza (Argentina) tiene una duración de alrededor de 2 días. Se puede ir en Metropolitano hasta la estación Estadio Nacional o se puede ir en un taxi. * {{listado | nombre = Gran Terminal Terrestre | tipo = station | dirección = Cruce de las Avenidas Tomás Valle, Túpac Amaru y Alfredo Mendiola (Panamericana Norte) | indicaciones = Centro Comercial Plaza Norte | lat = -12.00555 | long = -77.05433 | tlf = +51 1 202 1111 | facebook = TerminalTerrestrePlazaNorte | estrellas = internet access | lastedit = 2024-01-26 | descripción = Se puede llegar hasta allí en un taxi o en el servicio del Metropolitano (el pasaje cuesta {{PEN|2}}, la nueva tarjeta {{PEN|5}}, que viene con un saldo de {{PEN|0.5}}, hasta la estación Tomas Valle, luego salir por la salida norte, cruzar el semáforo e ingresar al terminal. }} * {{listado | nombre = Terrapuerto Cruz del Sur | tipo = station | url = https://www.cruzdelsur.com.pe/ | dirección = Javier Prado Este 1109, La Victoria | lat = -12.08958 | long = -77.01680 | tlf = +51 1 311 5050 | mobile = +51 993 555 276 | tlf_gratuito = +51 0 801 11111 | email = servicioalcliente@cruzdelsur.com.pe | facebook = cruzdelsurpe | instagram = cruzdelsurpe | twitter = cruzdelsurpe | youtube = https://www.youtube.com/user/cruzdelsurperu | descripción = Terminal de la empresa Cruz del Sur. }} * {{listado | nombre = Terrapuerto Atocongo | tipo = station | dirección = Calle Los Alamos 1274, San Juan de Miraflores | indicaciones = Frente a Mall del Sur, pasando el puente atocongo (auxiliar de la panamericana sur) | lat = -12.15641 | long = -76.98379 | tlf = +51 1 274 5944 | facebook = TerrapuertoAtocongo | instagram = terminalatocongo | descripción = Incluye más de 40 empresas de transporte, salidas a todo el centro y sur del Perú. }} ===En auto=== Se puede recorrer por transporte particular por medio de sus tres carreteras: la Panamericana Norte, la Panamericana Sur y la Carretera Central. Algunas de ellas llevan peaje. El vehículo debe llevar SOAT obligatorio (según [https://limaenruta.pe/protegidos-en-la-ruta-que-es-el-soat-y-por-que-es-importante/ Rutas de Lima] los precios oscilan entre {{PEN|60}} y {{PEN|120}} al año). Para identificar las zonas repostaje consulta el sitio web [https://www.facilito.gob.pe/facilito/pages/facilito/menuPrecios.jsp Facilito]. Si llegas desde la carretera Interoceánica, desde Brasil, es mejor ir en camionetas, debido a los cambios de altura. == Desplazarse == {{mapframe|name=Vista de la ciudad de '''Lima''' ([[Perú]])}} Lima cuenta con transporte de bus, en especial el Metropolitano. Además que se transporta por tren. === En Transporte público === La red de transporte público de Lima se compone de una sola línea de metro, modernos autobuses, coasters y combis. El sistema puede resultar confuso para los turistas extranjeros ya que están operados por más de 600 empresas de transporte. Para mayor información, existe el blog [http://infotransportenlima.blogspot.pe/ Transporte en Lima]. En él se encuentra disponible toda la información del transporte de la ciudad de Lima, actualizada constantemente. ==== Metro ==== El [http://www.lineauno.pe/ Metro de Lima], es un sistema de metro nuevo que se está desarrollando. A febrero de 2024, solo existe la Línea 1; sirve a 33 estaciones en 11 distritos. Es una línea elevada, que corre en dirección general norte-sur en la parte oriental de las áreas metropolitanas de Lima (2-3 km al este del centro histórico de Lima y Miraflores) y, como tal, no llega a muchos lugares donde sea probable que los turistas se queden o visiten. Al día de hoy, la Línea 1 del Tren conecta las estaciones, de extremo a extremo, en 54 minutos. El servicio esta disponible de lunes a sábado, de 05:00 a 22:00 horas y los domingos y feriados de 05:30 a 22:00 horas. La frecuencia varía de acuerdo al momento del día y ve de 3 a 10 minutos de lunes a viernes, 4 a 10 minutos los sábados y 10 a 15 minutos los domingos y festivos. La Línea 2, que correrá en dirección este-oeste hacia Callao, está en construcción y se espera que entre en funcionamiento en 2024; Una vez inaugurado, es probable que el atractivo del sistema de metro para los visitantes aumente significativamente. Para poder ingresar a las Estaciones del Tren primero se debe comprar en la parte exterior de la estación una tarjeta recargable (S/ 5,00 a febrero 2024) y efectuar la recarga según la cantidad de viajes que vayas a realizar. Cada trayecto cuesta S/ 1,50 (a febrero 2024) y puede subir y bajar la cantidad de veces que quieras con tal de no salir de la estación. El sistema no cuenta con abonos semanales ni mensuales sino que cada viaje va descontando 1,50 soles del saldo que tenga en su tarjeta. Antes de pasar por el torniquete de entrada: Pase su tarjeta por la lectora y asegúrese que se prenda la flecha verde para ingresar. Antes de pasar por el torniquete de salida: Pase su tarjeta por la lectora y asegúrese que se prenda la flecha verde para salir. Pasos para recargar tu tarjeta en una TVM (máquina expendedora de tarjetas): # Coloque su tarjeta en el lector # Seleccione "Recargar Saldo". # Elija el monto a recargar. # Introduzca el dinero (las máquinas aceptan solo billetes de S/10, S/20 o S/50). # Deje su tarjeta en el lector y ¡No la retire hasta recibir su comprobante! # Retire su comprobante y vuelto, de ser el caso, así como su tarjeta Existe un número máximo de pases permitidos en un mismo día y en una misma estación que es de 10. Si excede esta cantidad, su tarjeta será bloqueada y no podrá hacer uso del sistema ==== Autobuses de Tránsito Rápido ==== [http://www.metropolitano.com.pe/ El Metropolitano] ([[Archivo:Metropolitano Lima logo.svg|20px]]) es un sistema de autobuses de transporte rápido (BRT, por sus siglas en inglés), que consiste en una flota de buses articulados que circulan por carriles segregados y con poca semaforización (rutas troncales de desplazamiento ágil), con paradas denominadas “estaciones” y cuya tarifa se cobra electrónicamente mediante el uso de tarjetas que solo se adquieren y recargan en las paradas y algunos puntos de servicio. Las estaciones están espaciadas aproximadamente a 1 km, y los autobuses viajan en su mayoría por sus propios carriles exclusivos en las autopistas, lo que significa que viajar en este sistema es mucho más rápido que en los autobuses convencionales. En ese sentido, funciona de manera similar a un sistema de metro: usted ingresa a una estación a través de un torniquete operado con tarjeta, viaja como lo desee dentro del sistema y sale de su estación de destino a través de un torniquete también (no se necesita tarjeta para salir, ya que la tarifa es fija y no está basada en la distancia). Básicamente hay una sola ruta (llamada "corredor"), que va desde los suburbios del norte en Independencia hasta el centro de la ciudad de Lima y los suburbios del sur de San Isidro y Miraflores hasta Chorrillos, aunque se divide en dos por un corto tramo en el centro de la ciudad. Sin embargo, existen diferentes "servicios", que difieren principalmente en las estaciones que paran (exprés, paradas limitadas o locales) y en qué rama pasan por el centro de la ciudad. Las tarjetas recargables del Metropolitano (Lima Pass) son independientes de la tarjeta del Metro; Se pueden adquirir en los puntos de venta de cada estación por un costo de S/ 5,00 (a febrero de 2024), no reembolsable, mientras que la tarifa general para usar el servicio varía, *Tarifa del Servicio Integrado: incluye el viaje en el Alimentador, Troncal y Alimentador y cuesta S/3.50 *Tarifa del Servicio Troncal: Abarca la red de 38 estaciones del metropolitano haciendo uso de los buses de los servicios regulares o expresos y cuesta S/3.20 *Tarifa del Servicio Alimentador: Para Rutas largas (Ensenada, Puente Piedra, Trapiche, Villa El Salvador, Milagros de Jesús, Collique, Carabayllo, Tungasuca y Santo Domingo) cuesta S/1.50, mientras que para Rutas cortas (Alisos, Bertello, Izaguirre, Los Olivos, Mayolo, Payet, Tahuantinsuyo, Puno, Belaúnde, América, Cedros de Villa y Próceres) cuesta S/1.00. El principal beneficio de las tarjetas Lima Pass es que ofrecen un servicio de pago transversal en el Metropolitano y los corredores complementarios. Además, la validez de un boleto es de 120 minutos para usar libremente este transporte público. Adicionalmente se cuenta con más de 1,200 negocios como farmacias, ferreterías, bodegas, tiendas Tambo y Oxxo, entre otros, donde los usuarios pueden recargar saldo en sus tarjetas. Es recomendable se recargue con montos que les permita movilizarse durante varios días y así evitar aglomeraciones en las taquillas y máquinas de las estaciones del Metropolitano. El Metropolitano opera con los siguientes horarios, *De lunes a viernes: El servicio inicia a las 05:00 horas y se extiende hasta las 23:00 horas, con una frecuencia de buses cada 5 a 10 minutos en horas punta y cada 10 a 15 minutos en horas valle. *Sábados: El servicio inicia a las 05:30 horas y se extiende hasta las 23:00 horas, con una frecuencia de buses cada 8 a 12 minutos en horas punta y cada 12 a 15 minutos en horas valle. *Domingos y feriados: El servicio inicia a las 06:00 horas y se extiende hasta las 22:00 horas, con una frecuencia de buses cada 10 a 15 minutos. Los servicios troncales se diferencian entre regulares, expresos y servicio lechucero (nocturno). :'''Regulares'''. Se detienen en todas las estaciones. Se incluyen dentro de estos servicios el Regular A, el Regular B, el Regular C y el Regular D, determinados por su recorrido en la Troncal Centro. :* [[Archivo:Metropolitano, Regular A.svg|20px]] '''Regular A''': Cuenta con 16 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Naranjal en el distrito Independencia, hasta Estación Central, utilizando el ramal de Av. Emancipación y Jr. Lampa en el Centro Histórico de Lima. Está representado por el color celeste. Permite a los usuarios conectar con el Corredor Amarillo (bajar en la estación Caquetá) y con el Corredor Azul (bajar en la estación Tacna). :* [[Archivo:Metropolitano, Regular B.svg|20px]] '''Regular B''': Cuenta con 31 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Los Incas, en el distrito de Comas, hasta la Estación Plaza de Flores, en Barranco, utilizando el ramal de Avda. Alfonso Ugarte y Avda. España. Está representado por el color anaranjado. Permite a los usuarios conectar con el Corredor Amarillo (bajar en la estación Caquetá). :* [[Archivo:Metropolitano, Regular C.svg|20px]] '''Regular C''': Cuenta con 24 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Ramón Castilla en el Cercado de Lima, hasta la Estación Matellini en Chorrillos. Está representado por el color verde. Permite a los usuarios conectar con el Corredor Morado (bajar en la estación México o en la estación Carnaval Mreyra), el Corredor Rojo (bajar en la estación Javier Prado) y el Corredor Azul (bajar en la estación Balta). :* [[Archivo:Metropolitano, Regular D.svg|20px]] '''Regular D''': Cuenta con 15 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Naranjal, en el distrito de Independencia, hasta la Estación Central, utilizando el ramal de Avda. Alfonso Ugarte y Avda. España. Está representado por el color morado. Permite a los usuarios conectar con el Corredor Amarillo (bajar en la estación Caquetá). Solo operativa de lunes a viernes :'''Expresos'''. Estos servicios se detienen en estaciones con mayor demanda de usuarios con la finalidad de lograr una mayor fluidez durante horas punta. En la actualidad existen 13 servicios expresos, todos ellos, excepto el expreso 10 y el lechucero, utilizan el ramal de Avda. Alfonso Ugarte y Avda. España por contar con dos carriles lo que permite adelantar a los buses de los servicios regulares. :* [[Archivo:Metropolitano, Expreso 1.svg|20px]] '''Expreso 1''': Parte desde la Estación Central en el centro de Lima hasta la Estación Matellini en Chorrillos. Está representado por el color plateado. Funciona de lunes a viernes de 05:00 a 9:00 y de 17:00 a 21:00 horas de sur a norte y de norte a sur funciona de 05:30 a 09:30 y de 17:30 a 21:30 horas. :* [[Archivo:Metropolitano, Expreso 2.svg|20px]] '''Expreso 2''': Parte desde la Estación Naranjal en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color azul. Funciona de lunes a viernes de 05:00 a 09:00 horas de norte a sur y de sur a norte funciona de 17:00 a 21:00 horas, y los sábados de norte a sur de 06:00 a 09:00 y de sur a norte de 00:30 a 03:30 horas. :* [[Archivo:Metropolitano, Expreso 3.svg|20px]] '''Expreso 3''': Parte desde la Estación Naranjal en Independencia hasta la Estación 28 de Julio en Miraflores. Está representado por el color dorado. Funciona de lunes a viernes de 05:30 a 09:00 horas de norte a sur y de sur a norte funciona de 17:00 a 21:00, y los sábados de 06:00 a 09:00 horas de norte a sur y de 12:30 a 15:30 horas de sur a norte. :* [[Archivo:Metropolitano, Expreso 4.svg|20px]] '''Expreso 4''': (Inoperativo) Parte desde la Estación Naranjal en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color rojo. Funciona solamente los sábados de 05:15 a 20:15 horas de norte a sur y de sur a norte funciona de 05:15 a 21:00 horas. :* [[Archivo:Metropolitano, Expreso 5.svg|20px]] '''Expreso 5''': Parte desde la Estación Naranjal en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color guinda. Funciona de lunes a viernes de 9:00 a 17:00 horas debido a la alta demanda existente fuera de las horas punta. :* [[Archivo:Metropolitano, Expreso 6.svg|20px]] '''Expreso 6''': Parte desde la Estación Izaguirre en Independencia hasta la Estación Benavides en Miraflores. Está representado por el color negro. Funciona de lunes a viernes de 05:30 a 10:00 horas solamente en el sentido norte a sur. :* [[Archivo:Metropolitano, Expreso 7.svg|20px]] '''Expreso 7''': Parte desde la Estación Tomás Valle en Independencia/San Martín de Porres hasta la Estación Angamos en Miraflores/Surquillo. Está representado por el color granate. Funciona de lunes a viernes de 05:30 a 09:00 horas solamente en el sentido norte a sur. :* [[Archivo:Metropolitano, Expreso 8.svg|20px]] '''Expreso 8''': Parte desde la Estación Izaguirre en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color rosado. Funciona de lunes a viernes de 17:00 a 20:30 horas de norte a sur y de sur a norte funciona de 17:00 a 21:00 horas. :* [[Archivo:Metropolitano, Expreso 9.svg|20px]] '''Expreso 9''': Parte desde la Estación UNI hasta la Estación Benavides en Miraflores de norte a sur mientras que de sur a norte parte desde la Estación Plaza de Flores hasta la Estación UNI en Rimac. Está representado por el color celeste claro. Funciona de lunes a viernes de 05:30 a 9:00 horas. :* '''Expreso 10''': Parte desde la Estación Naranjal en Independencia hasta la Estación Central en el centro de Lima y utiliza el ramal de Avda. Emancipación y Jr. Lampa. Está representado por el color verde menta. Funciona de lunes a viernes de 06:00 a 09:00 horas solamente en el sentido de norte a sur. :* '''Expreso 11''': Parte desde la Estación Los Incas en Comas hasta la Estación Central en el centro de Lima y utiliza el ramal de Avda. Universitaria, Avda. Tupac Amaru y Avda. Alfonso Ugarte. Está representado por el color morado oscuro. Funciona de lunes a viernes de 05:00 a 10:00 horas de norte a sur y de sur a norte 5:45 a 10:45 horas. :* '''Expreso 12''': Parte desde la Estación Central en el centro de Lima hasta la Estación Benavides en Miraflores va por la Vía Expresa Luis Fernán Bedoya Reyes. Está representado por el color marrón. Funciona de lunes a viernes de 05:45 a 10:00 horas solamente en el sentido de norte a sur. :* [[Archivo:Metropolitano, Super Expreso.svg|20px]] '''Súper Expreso''': Parte desde la Estación Naranjal en Independencia hasta la Estación Ricardo Palma en Miraflores/Surquillo. Está representado por el color verde claro. Funciona de lunes a viernes de 05:45 a 09:00 horas de norte a sur y de sur a norte de 17:00 a 21:00 horas. :* [[Archivo:Metropolitano, Super Expreso Norte.svg|20px]] '''Súper Expreso Norte''': Parte desde la Estación Naranjal en Independencia hasta la Estación Central en el centro de Lima. Está representado por el color amarillo. Funciona de lunes a viernes de 05:00 a 10:00 y de 17:00 a 21:00 horas de norte a sur y de sur a norte funciona de 05:30 a 10:00 y de 17:30 a 21:30 horas. :* '''Lechucero''': Cubre la demanda existente durante las horas de la madrugada de los fines de semana. Parte desde la Estación Naranjal en Independencia hasta la Estación Matellini en Chorrillos. Está representado por el color gris. Funciona de jueves a sábado de 23:30 a 04:00 horas en ambos sentidos. '''Debe tener en cuenta que''', si bien algunas de las estaciones del sistema tienen una plataforma única para los autobuses en dirección norte y sur, algunas estaciones están físicamente divididas en dos, una para los autobuses en dirección norte y otra para los autobuses en dirección sur; ¡así que asegúrese de leer los carteles antes de pagar la tarifa para ingresar a una estación! Además, el Metropolitano opera varias "rutas alimentadoras" que recorren calles locales en las cercanías de las terminales norte y sur de la línea principal, llevando pasajeros a esas terminales. Esas rutas están numeradas y comienzan con AN- y AS-, respectivamente. La Autoridad de Transporte Urbano tiene una aplicación para teléfonos inteligentes en su sitio web con información tanto sobre las rutas BRT como sobre otros autobuses municipales (ver más abajo). ==== Corredores Complementarios ==== Además del BRT, la ciudad también opera autobuses a lo largo de al menos un par de "rutas troncales" (ruta troncal) o "corredores". Conocidos como Corredores Complementarios, forman parte de un sistema de transporte integrado con el BRT. Hay 4 corredores, que incluyen: *[[Archivo:Blue Circle o.jpg|25px]] Corredor Azul: por las avenidas Alcázar, Tacna, Garcilaso de la Vega y Arequipa. Particularmente útil para viajar entre el centro de Lima y Miraflores y Barranco. Rutas: 301 (Rimac-Barranco), 302 (Rimac-Miraflores), 303 (Rimac-Miraflores), 305 (Rimac-Miraflores), 306 (Rimac-San Isidro). Costo pasaje general normal S/ 2.20 *[[Archivo:Red Circle 2.png|20px]] Corredor Rojo: por las avenidas Javier Prado, Faustino Sánchez Carrión y La Marina, pasando por La Molina, Monterrico (Surco), San Borja, San Isidro, Pueblo Libre y San Miguel. Rutas: 201 (Óvalo de la Perla-Ate), 204 (Pachacámac-San Miguel), 206 (San Muguel-La Molina) y 209 (San Miguel-Ate). Costo pasaje general normal S/ 2.35 (a febrero 2024). *[[Archivo:Eo circle purple blank.svg|16px]] Corredor Morado: por las avenidas Wiesse, Maríategui, CAnto Grande, Las Flores, Próceres, Abancay, Manco Capac y Brasil. Rutas: 404 (San Juan de Lurigancho-Magdalena), 405 (San Juan de Lurigancho-San Isidro), 409 (San Juan de Lurigancho-San Isidro), 412 (San Juan de Lurigancho-Cercado de Lima) y SE-02 (San Juan de Lurigancho-Acho). Costo pasaje general normal S/ 2.30 (a febrero 2024) *[[Archivo:Eo circle yellow blank.svg|16px]] Corredor Amarillo. Rutas: 101 (Canta Callao-Parque Zonal Huáscar) y 107 (Avda. A, San Martín de Porres-Javier Prado, Surco). Costo pasaje general normal S/ 2.50 Los autobuses tienen paraderos claramente señalizados, con carteles y bancas, al menos a lo largo de los corredores principales. El número de ruta del autobús está formado por tres dígitos (por ejemplo, 301). La tarifa se paga con tarjeta. Sin embargo, si un pasajero no tiene una tarjeta, el conductor tomará su dinero en efectivo y también escaneará su propia tarjeta. === En taxi === El taxi en Lima es muy económico y existen abundantes taxis en la ciudad, sin embargo, si es turista es recomendable llamar a empresas que ofrecen el servicio de taxi o por lo menos tomar taxis con las placas pintadas con una franja superior amarilla, ello los identifica como taxis registrados y así podrá tomarlos con mayor seguridad. Si tienes dudas, consulta el [https://sistemas.atu.gob.pe/ConsultaVehiculo portal de vehículos autorizados de la ATU] e introduce la matrícula para proceder con la verificación del conductor y la empresa autorizada. No hay taxímetro. Así que siempre negocia y acuerda el precio del transporte en taxi antes de subir al vehículo. Sólo las empresas a las que se llama por teléfono o las que están en el aeropuerto tienen tarifas preestablecidas. === En auto === Las principales autopistas y carreteras son la Panamericana Sur, la Panamericana Norte y la Carretera Central. Las 3 están en buen estado. == Hablar == En Lima se habla principalmente español. También se habla quechua, Lima es la zona del país con mayor número de quechuahablantes en el país con 727 617 de acuerdo al censo del 2017. == Ver == [[Archivo:Teatro Colon - Lima - 4140822933.jpg|miniaturadeimagen|334x334px|El Teatro Colón en la entrada al Jirón Quilca desde la Plaza San Martín. Esta calle sigue el recorrido del antiguo camino Inca hacia el puerto del Callao.]] La ciudad de Lima o ciudad de los reyes ofrece mucho que ver, desde sus gigantescos balcones coloniales, iglesias que datan dese 1535 hasta sus mercados incas, playas que se desplazan desde Tumbes hasta Tacna, huacas y templos religiosos de la época incaica y pre incaica. La ciudad de Lima y sus alrededores en la actualidad ofrecen una colección de museos con galerías de cerámicas única. Lima de noche y sus edificios coloniales totalmente iluminados reflejan la belleza de este centro histórico como único en el Perú. === Información === *[https://www.peru.travel/en/useful-data/iperu IPERU información oficial : https://www.peru.travel/en/useful-data/iperu] *[https://sites.google.com/view/limaairporthotel/travelersguideperu?authuser=0 Guia completa para conocer el Perú] elaborada por [https://www.eltipviajero.com '''El Tip Viajero'''] *{{ver|nombre=Visita Lima|alt=|facebook=VisitaLimaPeru|email=|dirección=Pasaje Nicolás de Ribera El Viejo 145, Centro Histórico de Lima|lat=|long=|indicaciones=|tlf=+51 990 955 859|tlf_gratuito=|fax=|precio=|horario=|descripción=|url=https://visitalima.pe/}} === Sitios de interés === Los listados individuales se encuentran en los artículos correspondientes de las [[Lima#Áreas de Lima|Áreas]] de Lima. [https://sites.google.com/view/limaairporthotel/travelersguideperu/GuideLima?authuser=0 Aqui una Mapa interactivo de los atractivos de Lima] == Hacer == La ciudad de los reyes ofrece un sin numero de actividades para todos los gustos. Al ser la única capital sudamericana a orillas del mar y estar localizada en un área del océano pacífico en la cual confluyen diversas corrientes, Lima es un paraíso para los amantes del surf y la comida basada en pescados y mariscos, la misma que le imprime el carácter gourmet a la ciudad y ha logrado que la cocina peruana sea reconocida entre las mejores y más variadas del mundo. Conoce Lima desde un mirador 360 de la capital''' , el '''tour LA REAL LIMA''' parte desde el alojamiento '''[https://www.eltipviajero.com El TIP VIAJERO]''' de Lunes a Viernes desde las 5:30 pm culminando el recorrido a las 6:30 pm, o Sábado y Domingo en el amanecer, 5:30 am hacia uno de los miradores mas seguros de Lima, incluye una explicación de la historia y crecimiento de la ciudad, de la migración y parte de la historia del Perú, el costo es de 35 soles por persona, mas información en [https://www.eltipviajero.com El Tip Viajero] o al +51941483585 atención en Inglés y Español, apto para todo tipo de viajeros. Si de actividades al aire libre se trata, Lima ofrece dentro de su área metropolitana opciones como el Parapente o Ala Delta que pueden ser realizados ya sea en un vuelo Tándem u optar por el curso y la certificación que ofrecen empresas como [http://www.infinitycross.com INFINITY Escuela de Parapente] o [http://www.aeroxtreme.com AeroXtreme]o [http://www.Perúfly.com PerúFly] o [http://www.parapente.pe PARAPENTE.PE]. También se puede alquilar el equipamiento para vuelo libre si ya ha sido certificado. Los vuelos normalmente se realizan desde el distrito de Miraflores en uno de los acantilados al lado del Parque del Amor. Otra opción interesante y entretenida son los Paseos en Bicicleta por los mejores puntos de la ciudad como Barranco, Miraflores, San Isidro, Chorrillos y el Centro Histórico. Empresas como [http://www.biketoursoflima.com Bike Tours of Lima], llevan a cabo tours guiados en castellano e inglés y a precios asequibles. También existe la posibilidad de alquilar bicicletas por horas o días y realizar recorridos personalizados por la ciudad. La bicicleta de montaña también está presente en la ciudad de Lima, sin ir muy lejos, a 20 o 30 minutos de Miraflores, ya en las afueras de la ciudad, distritos como Pachacamac, Cieneguilla, y Mala cuentan con una buena variedad de circuitos para la práctica de este deporte, con un excelente clima y bajo la supervisión de profesionales. Empresas como [http://www.Perúbike.com PerúBike]y [http://www.Perúbikingtours.com Perú Biking Tours] ofrecen diversas alternativas. City tours tradicionales también están disponibles en la ciudad, empresas como [http://www.limavision.com Lima Vision] y [http://www.urbanito.com.pe Urbanito] ofrecen tours y diversos recorridos diariamente. === Paseo === *'''Circuito Mágico del Agua - Parque de la Reserva y Fermín Tangüis''', de martes a domingo, entrada general {{PEN|4}}. Adultos mayores de 60 años no pagan. === Relajarse === *'''[http://www.sentidosthai.com Sentidos Thai]''': Salón de masaje tailandés ubicado en el corazón de Barranco, dirigido por una pareja peruano-holandesa. == Comprar == Existen diversos malls en la ciudad de Lima, que concentran un buen número de tiendas de reconocidas marcas, así como abundante producción nacional. * Jockey Plaza * Plaza Lima Sur * Plaza Norte * Megaplaza Lima Norte * Mall Aventura Plaza Bellavista (Callao) * Mall Aventura Plaza Santa Anita * Plaza San Miguel * Real Plaza (Salaverry, Centro Cívico, Primavera, Pro, Santa Clara, Guardia Civil) * Mall del Sur Entre otros == Comer == Para sugerencias de restaurantes específicos, consulte los artículos de las [[Lima#Áreas de Lima|Áreas]] de Lima. La gastronomía peruana es reconocida mundialmente. Sus deliciosos cebiches (pescado crudo cocido con limón) son ícono de la gastronomía inca. La comida limeña, es muy sabrosa en aromas y sabor, propiamente dicho. Suele ser cara para los turistas nacionales. Se pueden encontrar muchos restaurantes y cafés. También existen una gran variedad de restaurantes a su disposición, como también pueden ir al Pasaje San Ramón, en Miraflores, donde es la mezcla de comida y por las noches de Discoteca. Hay variedad de [[Chifas]] en San Miguel y en la Calle Capón (comida china con sazón peruana) y de pollerías a la brasa en San Borja. Ahora, Lima tiene la fama de ser una ciudad dulcera, por ende, los dulces típicos son recomendable para el paladar más sofisticado. Tienen también dulces de antaño que se pueden encontrar en la '''[[:w:es:Alameda Chabuca Granda|Alameda Chabuca Granda]]''' En el mes de Octubre es común tener en una mesa limeña, el tradicional '''Turrón de Doña Pepa'''. La ubicación de la ciudad hace que entre su comida tenga la presencia de una gran diversidad de platillos basados en productos marinos, como por ejemplo: [[:w:es:Cebiche|cebiche]], chupe de camarones, etc. Lima, es una ciudad que lo sorprenderá con su variedad inimaginable de comidas. Los restaurantes limeños compiten por el favor de un público educado y exigente, así se puede tener mucha calidad a un buen precio, en los distintos estilos de Cocina, siendo la cocina peruana contemporánea, donde la creatividad y profesionalismo llegan a producir experiencias culinarias casi sublimes. == Beber y salir == *'''Pisco Sour''' es la bebida nacional del Perú, elaborada con pisco, un brandy elaborado a partir de uvas. Es muy recomendable que todos los visitantes al Perú prueben esta bebida al menos una vez. Hay algunas variaciones que se ofrecen en varios bares de la ciudad. Sólo sea cuidadoso; el sabor fresco y dulce hace que sea muy fácil beber en exceso, y es muy fácil emborracharte con él. *'''Inca Kola''' es el refresco más popular en Perú, uno de los pocos refrescos que Coca Cola no pudo derrotar (hasta que compraron la empresa). Es una bebida con sabor a frutas amarillas y sabe a "hierba luisa". *'''Jugos''' Puedes encontrar excelentes bebidas de frutas frescas en toda Lima. Desde precios muy módicos por un jugo de naranja fresco en el mercado hasta algunos más caros. Los surtidos, que contienen varias frutas diferentes, son bastante sabrosos. *'''Chicha Morada''' Una bebida refrescante, de color morado y sin alcohol, rica en antioxidantes. Se elabora hirviendo maíz morado con piña, canela, clavo de olor y azúcar. *'''Emoliente''' es una bebida caliente preparada con cebada, hierbas, azúcar y jugo de limón. Los vendedores ambulantes suelen venderlo por la noche a bajo precio. Es especialmente bueno en invierno. == Dormir == *'''[https://www.eltipviajero.com El Tip Viajero- Apartments, rooms, Hostel for travelers, Urban Camping Overlander and Storage]''', a 5 minutos de la panamericana norte, a 10 minutos del aeropuerto internacional Jorge Chavez y de la estación de buses Plaza Norte, a 10 minutos de los mas grandes centros comerciales de Lima, Plaza Norte, Plaza Center Rex, Megaplaza, a 20 minutos del centro histórico y administrado por una familia viajera con atención en inglés y español, es el punto de encuentro de viajeros en motorhomes, en motocicletas, mochileros y cicloviajeros del mundo, que desean compartir y sentirse parte de una familia peruana, los servicios que brindan son: '''I.-''' '''Alojamiento''': a) Habitaciones privadas b) Habitaciones compartidas estilo hostel c) Apartamentos completos privados con cocina '''II.-Urban Camping Overlander:''' Servicio de camping urbano dentro de una casa, cerrado y seguro para casas rodantes, en la que los viajeros pernoctan, tanto en camionetas con carpa en el techo, vehículos overlander en general, con servicio de baño privado, internet de alta velocidad, terraza con Bbq, servicio de lavandería muy cercana al establecimiento. '''III.- Almacenamiento de vehículos''', motorhomes, camionetas, autos, motos de viajeros extranjeros con '''suspensión del TIP hasta por un año ante Aduanas'''. website: https://www.eltipviajero.com Whatsapp: +51941483585 email: gerenteeltipviajero@gmail.com, ubicación en Maps : Buscar El Tip Viajero, asimismo ofrece asistencia legal gratuita para sus clientes y asistencia con información turística en las rutas del Perú. Dirección Jirón Melchor Cumpa 933 Urbanización San Germán, SMP, Lima. Ubicación: -12.01578675706521, -77.07642201955422 *{{dormir | nombre = Cirque Hostel |url=http://www.cirquehostel.com | descripción= Es un hostal económico, diseñado por mochileros para mochileros. Está ubicado en la parte más segura y linda de Lima: el barrio de Miraflores, sólo unas cuadras del mar, mercados locales y ruinas de Huaca Pucllana. Es un hostal pequeño (sólo 6 cuartos) y por eso muy tranquilo y familiar. Tiene dormitorios (USD 10) y cuartos privados (USD 26-30). Los servicios incluyen: desayuno, Wi-Fi y ordenadores gratis, ropa de cama, ventiladores, cocina para huéspedes, bar, tres zonas de ocio (sala de telé, terraza y jardín), veinticuatro horas de ducha caliente y recepción, lockers de seguridad, transporte al aeropuerto. }} * {{dormir | nombre = 1900 Backpackers Hostel |url=http://www.1900hostel.com | descripción= []. Único Hostel en el Centro Histórico ubicado frente al Museo de Arte de LIMA. Moderno, limpio, y con personal educado y amigable que lo hará sentir como en casa. Inmejorable para tener una experiencia de la Lima real y cultural, donde la fusión de lo ancestral y las diferentes etapas de la vida Limeña se llevan y se han llevado a cabo. }} * {{dormir | nombre = Hotel La Molina | url=http://www.hotellamolina.com.pe | descripción= Boutique Hotel La Molina – Cuenta con confortables Suites en el corazón de La Molina, cerca a Monterrico, Surco, Ate y Santa Anita. }} * {{dormir | nombre = D'osma Bed & Breakfast - Barranco LIMA | url=http://www.deosma.com | descripción= Acogedor B&B con habitaciones bien decoradas y buenos servicios. Muy buena atención y desayuno, tiene pocas habitaciones privadas. Internet Wi-Fi en las habitaciones y muy buena ubicación a 2 cuadras del parque central de Barranco. Especialmente orientado a viajeros y turistas. }} * {{dormir | nombre = Miraflores Suites en Lima-Perú | url=http://mirafloresapt.hot.to/ | descripción= Acogedores apartamentos para turistas en las mejores zonas de Miraflores. Mínimo 1 semana de alquiler. }} * {{dormir | nombre = The Point Hostels LIMA | url=http://www.thepointhostels.com | descripción= Esta mansión republicana en Barranco, el hermoso distrito bohemio de Lima, tiene más de 50 confortables camas repartidas entre cuartos compartidos y privados. Rodeado por la mejor vida nocturna de la ciudad y a un paso de la playa y del surf! El Hostel ofrece todo lo que un mochilero pueda necesitar a precios económicos. }} * {{dormir | nombre = Flying Dog Hostels Perú | url=http://www.flyingdogPerú.com | descripción= El más clásico hostal B&B de Lima. Excelente opción, por su ambiente chill. Hostal económico, seguro, trendy y muy confortable. En el corazón de Miraflores, frente al Parque Kennedy. }} * {{dormir | nombre = LPA - Lima Perú Apartments | url=http://www.limaPerúapartments.com/ | descripción= En el corazón de Miraflores, ellos brindan un exclusivo listado de apartamentos en Lima Perú – económicos y de lujo, cuenta con: calendario de disponibilidad y reserva inmediata online, fotos mapas y comentarios de huéspedes }} * {{dormir | nombre = Loki Backpackers Hostel | url=http://www.lokihostel.com | descripción= Un nuevo alojamiento creado por 4 mochileros, los mismos que abrieron el Hostel Loki en Cusco. Un Hospedaje de buena calidad, bajo precio y mucho diversión en el centro de Miraflores. }} * {{dormir | nombre = One Hostel | url=http://www.oPerú.com | descripción= Es un nuevo albergue en el distrito de Barranco. Seguridad, limpieza, arte y una familia de viajeros es lo que te va a rodear. }} * {{dormir | nombre = Magdalen House | url=http://www.magdalenhouse.com | descripción= Lugar reconocido por su belleza que conserva la nostalgia de una lima vieja, tal cual lo narran prestigiosos escritores Peruanos cuyos artículos ensayos y poemas consignan el nombre del Distrito como el lugar de su escritura. }} * {{dormir | nombre = Pay Purix Backpackers Hostel | url=http://www.paypurix.com | descripción= Está a 3 minutos del aeropuerto internacional de Lima. Además de ser nuevo, seguro, limpio y muy agradable. }} * {{dormir | nombre = Hotel Manos Amigas | url=http://www.manos-amigas.com.pe | descripción= Miraflores - Lima - Perú }} * {{listado | nombre = B&B Wasi Aeropuerto Lima | alt = Wasi Aeropuerto | tipo = dormir | url = http://www.wasiaeropuertolima.com | dirección = Pasaje Arequipa C58 Urb. San Juan Masias Callao | indicaciones = Urbanización San Juan Masías, a 5 minutos del aeropuerto en auto | lat = -11.99604 | long = -77.11898 | tlf = +51997961111 | email = info@wasiaeropuertolima.com | precio = Desde USD 45 | descripción = Un hostal que cuenta con todas las comodidades necesarias para hospedarse cerca al Aeropuerto. Cuenta con 10 habitaciones con baño privado, internet, televisión por cable; incluye desayuno y hay opciones económicas de cena y bebidas. }} * {{listado | nombre = B&B Miraflores Wasi Independencia | alt = Miraflores Wasi | tipo = dormir | url = http://www.bednadbreakfastmiraflores.com | dirección = Independencia 387 | indicaciones = Altura de la cuadra 3 de Av Pardo | lat = -12.1161 | long = -77.0325 | tlf = +51965713438 | email = info@bedandbreakfastmiraflores.com | precio = Desde USD 40 | descripción = Un lugar ideal para conocer Lima a bajo precio, está ubicado en Miraflores, muy cerca de restaurantes, parques, atracciones, con fácil acceso a transporte publico, en un sector de poco ruido. Todas sus habitaciones tienen baño privado, internet y desayuno incluido. }} == Seguridad == Lima tiene policías a pesar que existen robos al paso. En 2022, según ''[https://gestion.pe/peru/delincuencia-en-lima-y-callao-cuales-son-los-distritos-en-que-se-reportan-mas-robos-policia-nacional-fuerzas-armadas-estado-de-emergencia-rmmn-noticia/ Gestión]'', los lugares donde frecuentan son el Cercado de Lima, San Juan de Lurigancho, Comas, Los Olivos y San Juan de Miraflores. Si ocurre un robo, llame a la Policía o [https://www.gob.pe/11155-denunciar-perdida-o-robo-de-documentos-denuncia-policial-digital consulta el portal del Gobierno peruano] para denunciar virtualmente. == Ciudades cercanas == * [[Huaral]] - No se pierda de ir a este mágico pueblecillo ubicado a tan sólo una hora y media al norte del Cercado de Lima, pruebe el Chancho al Palo o a la Caja China. * Huacho - Otra pequeña ciudad con playas. Tiene un gran centro comercial Plaza del Sol, en este sitio venden unas deliciosas roscas que traen de [[Sayán]]. Está ubicado a 2 horas al norte de Lima. * San Vicente de Cañete - Al igual que Huacho, es una pequeña ciudad. Alberga un gran centro comercial MegaPlaza Cañete. En su Plaza de Armas hay varios restaurantes económicos. A 2 horas al sur de Lima. * Ica - A tan sólo 4 horas al sur de Lima en auto o bus. Alberga 2 centros comerciales: Plaza del Sol y El Quinde. No olviden probar los deliciosos vinos y piscos. == Contactos de emergencia == === Embajadas === * [[Archivo:Flag_of_Argentina.svg|20x20px]] '''[https://eperu.cancilleria.gob.ar/ Argentina]''', Avenida Las Flores 326, San Isidro. Teléfono: +51 1 4414444 * [[Archivo:Flag_of_Chile.svg|20x20px]] '''[https://www.chile.gob.cl/peru Chile]''', Avenida Javier Prado Oeste 790. San Isidro. Teléfono: +51 1 710 2211 * [[Archivo:Flag_of_Colombia.svg|20x20px]] '''[https://peru.embajada.gov.co/ Colombia]''', Avenida Víctor Andrés Belaúnde 340, San Isidro. Teléfono: +51 1 2019830 * [[Archivo:Flag_of_Costa_Rica.svg|20x20px]] '''[https://www.embajadacostaricaenperu.org/ Costa Rica]''' Calle Baltazar La Torre 828, San Isidro. Teléfono: +51 1 2642711 * [[Archivo:Flag_of_Ecuador.svg|20x20px]] '''[https://www.cancilleria.gob.ec/peru/ Ecuador]''', Jirón Las Palmeras 356, San Isidro. Teléfono: +51 1 2124171 * [[Archivo:Flag_of_Spain.svg|20x20px]] '''[https://www.exteriores.gob.es/Embajadas/lima/es/Paginas/index.aspx Espaňa]''', Avenida Jorge Basadre 498, San Isidro. Teléfono: +51 1 2125155 * [[Archivo:Flag_of_United_States.svg|20x20px]] '''[https://pe.usembassy.gov/es/ Estados Unidos]''', Avenida La Encalada cdra 17, Surco. Teléfono: +51 1 6182000 * [[Archivo:Flag_of_Mexico.svg|20x20px]] '''[https://embamex.sre.gob.mx/peru/ México]''', Avenida Jorge Basadre 710, San Isidro. Teléfono: +51 1 6121600 * [[Archivo:Flag_of_Panama.svg|20x20px]] '''[https://mire.gob.pa/ministerio/embajada-y-consulado/lima-embajada-de-panama/ Panamá]''', Calle Roma 397, San Isidro. Teléfono: +51 1 2215221 * [[Archivo:Flag_of_Dominican_Republic.svg|20x20px]] '''República Dominicana''', Calle Los Álamos 562, San Isidro. * [[Archivo:Flag_of_Venezuela.svg|20x20px]] '''[https://peru.embajada.gob.ve/ Venezuela]''', Avenida Arequipa 298, Cercado. Teléfono: +51 1 4334511 === Emergencias === * Policía: {{Tel|+5114311668}} * Defensa Civil: {{Tel|+5113185050}} * Cruz Roja: {{Tel|+5112660481}} * Bomberos: {{Tel|+5114265289}} == Enlaces externos == * [https://www.peru.travel/Portals/_default/descubre-lima/pdf/FolletoLimaEspanol.pdf Guía turística] de Promperú{{geo|-12.043333|-77.028333}} {{EstáEn|Perú}} {{estado artículo|tipo=ciudad |calidad=útil}} [[Categoría:Perú]] [[Categoría:Lima| ]] r0985l5p7uhw3y9y9ptuc3j6rqi47ni 253220 253219 2026-05-14T08:20:21Z ~2026-28991-80 31202 253220 wikitext text/x-wiki {{Top |intro='''[http://www.munlima.gob.pe/ Lima]''' es la capital del [[Perú]], centro político, económico y cultural del país. También es la única capital sudamericana ubicada a orillas del mar. Fundada en 1535 por el conquistador español [[w:es:Francisco Pizarro|Francisco Pizarro]], la ciudad es una curiosa mezcla de las modernas megaciudades con algunas "islas de antigüedad", con varias construcciones prehispánicas salpicadas por la ciudad, grandes barriadas y arquitectura colonial en el centro de la ciudad. Lima fue la sede del virreinato español durante 300 años, y como tal tiene maravillosas iglesias, claustros y monasterios. La ciudad de Lima cuenta con una destacada oferta en cuanto a servicios gastronómicos desde restaurantes típicos hasta la cocina internacional, asimismo una variada oferta de la culinaria de las regiones de la costa, sierra y selva. |ddm=sí |unesco=si }} {{otros lugares}} == Comprender == {{APwp|Historia de la ciudad de Lima}}Lima fue fundada el 18 de enero de 1535, Francisco Pizarro. Desde entonces se estableció en el valle del [[w:es:Río Rímac|río Rímac]] bajo el nombre «Ciudad de los Reyes». Contó con varios edificios, incluido la casa de Pizarro, donde actualmente reside el presidente de la república. Lima es una metrópolis con casi 13 millones de personas (según proyección de 2022). La ciudad está construida en un valle rodeado por un desierto extremadamente árido. Por lo que sus obras se instalaron desde su fundación hasta la actualidad. Por ser zona con mayor desarrollo, muchas de estas personas han emigrado desde la cordillera de los Andes para encontrar trabajo en Lima, sin éxito. Por ello, algunas edificaciones de material económico son la muestra de pobreza extendida por la ciudad y en las zonas periféricas. La corriente de mar frío que pasa por la costa de Lima hace que el mar sea muy rico en pescados y mariscos. === Cultura === Lima es una ciudad milenaria, aquí se desarrollaron diversas civilizaciones teniendo como la más antigua a [[Caral]], entre varias otras. Los Incas, los últimos locales en la gestión de la zona, también dejaron su huella en este territorio, que posteriormente, con la colonia, recibió migraciones de orígenes mucho más lejanos, África, Asia y Europa desarrollándose un gran mestizaje de toda esta diversidad. Sin embargo, la limeña, y también la peruana, es una sociedad profundamente racista. El visitante podrá sentir esta cuestión con especial atención ya que muchas de las personas conversan sobre este asunto sin tapujos, en un esfuerzo por visibilizar este problema. Una especial aproximación a este asunto puede ser visto en el Museo Nacional de Arqueología, Antropología e Historia del Perú y en el Museo Lugar de la Memoria. Los Incas fueron arquitectos y expertos hidráulicos, supieron aprovechar la [[Pacha Mama]] (Madre Tierra) al crear [[Andenes]] y grandes canales de regadío. Ellos manejaron a su pueblo con orden y disciplina. La arquitectura prehispánica y colonial de Lima es hermosa y la ciudad cuenta con varios museos (como el Museo Larco) que relatan la historia de un país con una larga historia que produjo un gran número de civilizaciones costeras y andinas (como los Moche, Chavín y los Incas) y muchas culturas locales. Hay varios yacimientos arqueológicos en la ciudad y sus alrededores (conocidos localmente como huaca). === Clima === {{Clima|enemaxreg=32.7|febmaxreg=32.5|marmaxreg=33.4|abrmaxreg=31.6|maymaxreg=30.3|junmaxreg=30.0|julmaxreg=28.3|agomaxreg=29.0|sepmaxreg=28.0|octmaxreg=25.2|novmaxreg=29.0|dicmaxreg=30.4|enemax=26.9|febmax=28.6|marmax=28.6|abrmax=26.5|maymax=23.4|junmax=21.1|julmax=19.1|agomax=18.8|sepmax=18.1|octmax=21.5|novmax=23.7|dicmax=27.8|enemin=19.2|febmin=20.5|marmin=20.5|abrmin=18.2|maymin=17.5|junmin=15.2|julmin=14.5|agomin=14.5|sepmin=14.5|octmin=14.5|novmin=16.5|dicmin=18.5|eneminreg=12.0|febminreg=15.0|marminreg=11.0|abrminreg=10.0|mayminreg=8.0|junminreg=10.0|julminreg=8.9|agominreg=10.0|sepminreg=12.5|octminreg=11.0|novminreg=11.1|dicminreg=13.9|eneprecip=0.8|febprecip=0.4|marprecip=0.4|abrprecip=0.1|mayprecip=0.3|junprecip=0.7|julprecip=1.0|agoprecip=1.5|sepprecip=0.7|octprecip=0.2|novprecip=0.1|dicprecip=0.2}}Lima ofrece un clima húmedo todo el año (especialmente en el oeste) siendo variado algunas veces, peculiar, con muchas lloviznas en invierno y con pocas lluvias fuertes en verano. El verano es cálido y húmedo, muy soleado y la temperatura promedio es de 20 a 31 grados, pero es variable. La temperatura más alta es de 34 grados registrada en la ciudad. La aparición de lluvia esporádica en esta estación es posible pero ésta es de corta duración variando de ligera a fuerte intensidad situada más al centro o este de la capital. Tanto el otoño como la primavera ofrecen un promedio de 26 grados respectivamente. Y el invierno ofrece temperaturas que oscilan de 14 o 15 para las mínimas y de 18 a 20 para las máximas aunque no faltan años en que la temperatura mínima puede descender hasta los 12 u 11 grados, siendo 10 grados la temperatura más baja registrada. En esta época, el tiempo es mayormente nublado y húmedo con mucha niebla o neblina en las mañanas más en las ciudades costeras. Hay muchas lloviznas ligeras o a veces pequeñas lluvias de ligera intensidad pero bien esporádicas. El clima fuera de Lima es soleado a glacial dependiendo donde vaya. Pues Lima posee planicies, montañas como playas. Los veranos en Lima son mayormente soleados con noches frescas a ligeramente cálidas. En el período diurno la temperatura llega hasta los 26 grados en enero, en febrero de 26 a 30, siendo el mes más caluroso. Resta el mes de marzo siendo en promedio de 25 a 31 o sea un promedio de los dos meses anteriores siendo también soleado. La humedad presente hace sentir más calor. Los inviernos en Lima son fríos en las mañanas llegando a 14 o 15 grados aunque a veces se pueden registrar temperaturas menores a estas. Las tardes son frías, ligeramente frías a frescas, las temperaturas variando de 16 a 20 grados. El tiempo permanece mayormente nublado todo el día, y la humedad es alta dando una sensación térmica más baja de la que hace, se siente mas frío. Las nieblas y neblinas aparecen de mayo a noviembre mayormente en las ciudades costeras. La aparición de lloviznas ligeras es posible. En fin, las estaciones de otoño y primavera ofrecen noches frías, a ligeramente frescas. Las tardes son frescas a ligeramente cálidas, a términos o comienzos de estas estaciones podrían haber días fríos o cálidos, la alteración o paso de frentes fríos o cálidos es posible los cuales provienen mayormente del sur aportando en si aire cálido o frío. Se le recomienda al viajero que si desea visitar Lima, coloque en su maleta prendas de todo tipo de estación, ya sea verano, primavera, otoño o invierno. == Áreas de Lima == Lima es una gran ciudad, y para facilitar la comprensión de los turistas, la hemos dividido en sectores o áreas que agrupan a los distritos. {{Lista de regiones | regionmapa=LIM sector.png | regionmapatexto=Distritos de Lima, agrupados en sectores | regionmapatamano=500px | region1nombre=[[Lima/Lima Centro|<span style="color:saddlebrown">Lima Centro</span>]] | region1color=saddlebrown | region1items=La zona central de Lima. Con algunos distritos populares como Breña, La Victoria y El Agustino y con zonas céntricas y turísticas como el Cercado de Lima. El mismo Cercado tiene también algunas zonas residenciales como Los Cipreses, Mateo Salado y Mirones. | region1descripcion='''Distritos:''' Lima Cercado, La Victoria, San Luis, Breña, Jesús María, Lince, Rímac, El Agustino. | region2nombre=[[Lima/Lima Oeste|<span style="color:deepskyblue">Lima Oeste</span>]] | region2color=deepskyblue | region2items= La zona occidental de la ciudad, cerca al Océano Pacífico. Con zonas residenciales y lujosas como Miraflores, San Isidro, Magdalena, San Miguel, y Pueblo Libre; y algunas zonas populosas como Surquillo. | region2descripcion='''Distritos:''' Chorrillos, Barranco, Miraflores, San Isidro, Magdalena del Mar, Pueblo Libre, San Miguel. | region3nombre=[[Lima/Lima Este|<span style="color:gold">Lima Este</span>]] | region3color=gold | region3items=La parte oriental de la ciudad. Hay zonas residenciales como La Molina, zonas populosas como Ate Vitarte, y zonas campestres como Chosica y Cieneguilla. En Santa Anita está el Gran Mercado Mayorista de Lima, en donde puedes conseguir frutas y verduras de calidad a precios realmente económicos. | region3descripcion='''Distritos:''' La Molina, Cieneguilla, Ate Vitarte, Santa Anita, San Juan de Lurigancho, Lurigancho-Chosica, Chaclacayo. | region4nombre=[[Lima/Lima Sur|<span style="color:blue">Lima Sur</span>]] | region4color=blue | region4items= El sur de la ciudad. Tiene zonas residenciales y lujosas como Surco y San Borja, pero tiene zonas populares y comerciales como el Parque Industrial de Villa el Salvador. Más lejos, en Lurín y Pachacamac existen zonas campestres. Al sur del valle del Río Lurín se encuentran las conocidas playas del sur, en donde los limeños van a bañarse los fines de semana de verano. | region4descripcion='''Distritos:''' San Borja, Santiago de Surco, San Juan de Miraflores, Villa María del Triunfo, Villa el Salvador, Pachacamac, Lurín, Punta Hermosa, Punta Negra, San Bartolo, Santa María del Mar, Pucusana. | region6nombre=[[Lima/Lima Norte|<span style="color:green">Lima Norte</span>]] | region6color=green | region6items= Es la zona más comercial y popular de la ciudad. Aquí se encuentra el único gran Terminal Terrestre Internacional de la ciudad, llamado Plaza Norte. San Martín de Porres, Puente Piedra y Comas son distritos más populares, mientras que Los Olivos es más residencial. Carabayllo tiene zonas populares y también zonas campestres en la zona del valle de Chillón. Pasando Puente Piedra, están algunos balnearios residenciales como Santa Rosa y Ancón. | region6descripcion='''Distritos:''' San Martín de Porres, Los Olivos, Independencia, Comas, Carabayllo, Puente Piedra, Santa Rosa, Ancón. | region7nombre=[[Callao|<span style="color:red">Callao</span>]] | region7color=red | region7items=Políticamente, el Callao es una jurisdicción que no forma parte de Lima, sin embargo, está conurbada a ella. En el Callao hay varias zonas inseguras como los Barracones, aunque también hay zonas turísticas como La Punta. Bellavista es un distrito con zonas residenciales y populares. En el Callao están ubicados el puerto y el aeropuerto internacional Jorge Chávez. | region7descripcion='''Distritos:''' Callao, La Perla, La Punta, Bellavista, Ventanilla, Carmen de la Legua y Reynoso, Mi Perú. }} ==Llegar== [[Archivo:LIM terminal.jpg|thumb|Vista de la terminal principal del Aeropuerto Internacional Jorge Chávez]] ===En avión=== * {{listado | nombre = Aeropuerto Internacional Jorge Chávez | alt = '''LIM''' ^{<small> IATA</small>} | tipo = airport | url = https://www.lima-airport.com/ | dirección = Avda. Elmer Faucett s/n, Callao | lat = -12.02263 | long = -77.10772 | tlf = +51 1 517 3500 | email = comunicaciones@lima-airport.com | facebook = aeropuertojorgechavez | instagram = aeropuerto_jorgechavez | twitter = LAPJorgeChavez | youtube = https://www.youtube.com/c/AeropuertoInternacionalJorgeCh%C3%A1vez | horario = Siempre accesible | lastedit = 2024-01-26 | descripción = Es el aeropuerto que sirve a la ciudad de Lima. El mismo actúa como aeropuerto de cabotaje e internacional. }} :Estas son las aerolíneas (y ciudades principales) que vuelan desde aquí : :*Aerolíneas Argentinas - Buenos Aires :*American Airlines - [[Miami]], Dallas :*AirEuropa - Madrid :*Air France - Paris :*LATAM - Santiago de Chile, Miami, Caracas. Nueva York, Los Angeles, Isla de Pascua, Buenos Aires, Guayaquil, Quito, Santiago de Chile, Los Angeles, Santa Cruz, San Francisco, New York, Cancún, México DF, La Habana, Punta Cana, Buenos Aires, Córdoba, La Paz, Santa Cruz, Foz do Iguaçu, São Paulo, Rio de Janeiro, Bogotá, Cali, Medellín, Caracas, Madrid :*Avianca - San Salvador, San José, Quito, Buenos Aires, Guayaquil, San Salvador, Miami, Cancún, Mexico DF, La Habana, Santo Domingo, Rosario, La Paz, Santa Cruz, Porto Alegre, Rio de Janeiro, São Paulo, Antofagasta, Santiago de Chile, Bogotá, Cali, Medellín, Asunción, Montevideo, Caracas :*Air Europa :*Iberia - Madrid :*KLM - Amsterdam :*United Airlines - Houston, Newark :*Aeroméxico - CDMX :*Avior - Caracas :*Arajet - Santo Domingo :*Copa Airlines - Ciudad de Panamá :*Delta Airlines - Atlanta :*Spirit Airlines (Estados Unidos) - Fort Lauderdale :*Sky Airline - Arequipa, Santiago :*Aerosur :*Air Canada - [[Toronto]] Desde el '''Aeropuerto Internacional Jorge Chávez''' usted puede ir a la ciudad (y viceversa) de las siguientes formas: * En '''Taxi''': Los taxis oficiales del aeropuerto suelen cobrar alrededor de {{USD|40}}, dependiendo de la distancia. Los servicios de taxi autorizados por el aeropuerto son los siguientes: :* {{listado | nombre = Taxi Green | tipo = public transport | address = Avda. Elmer Faucett 3453, Callao | url = https://www.taxigreen.com.pe | tlf = +51 1 484 4001 | mobile = +51 996 575 781 | email = reservas@taxigreen.com.pe | facebook = oficialtaxigreen | instagram = taxigreen.oficial | twitter = taxigreenoficia | descripción = Taxi regular }} :* {{listado | nombre = Taxi 365 | tipo = public transport | address = Avda. Paz Soldán 170, of. 701, San Isidro | url = https://taxi365.pe/ | tlf = | mobile = +51 1 219 0266 | email = reservas@cmv.pe | facebook = Taxi365Peru | instagram = taxi365peru | twitter = | descripción = Taxi regular }} :* {{listado | nombre = Taxi Directo | tipo = public transport | address = | url = https://www.directoapp.pe/ | tlf = +51 1 711 1111 | mobile = +51 986 646 351 | email = calidad@directoapp.pe | facebook = taxidirecto | instagram = directoapp.pe | twitter = | descripción = Taxi regular }} :* {{listado | nombre = CMV Taxi | tipo = public transport | address = Avda. Paz Soldán 170, of. 701, San Isidro | url = https://cmvtaxi.pe/ | tlf = +51 1 219 0266 | mobile = +51 981 057 229 | email = reservas@cmv.pe | facebook = cmvremisseoficial | instagram = | twitter = | descripción = Taxi ejecutivo }} :* {{listado | nombre = Trip | tipo = public transport | address = | url = https://trip.com.pe/ | tlf = +51 1 663 4215 | mobile = +51 932 553 721 | email = | facebook = | instagram = | twitter = | descripción = Taxi ejecutivo }} :Si desea algo más económico, puede tomar un taxi no oficial desde el estacionamiento del aeropuerto, pero pacte el precio antes con el chofer, en este caso puede pagar {{PEN|80}} a '''Miraflores''' (a marzo 2024). Tenga cuidado con las cantidades pactadas, pues pueden haber "confusiones" si no señala puntualmente "x soles" en vez de "x dólares" (esto no ocurre en el resto de la ciudad, donde los precios de taxis siempre serán en soles). :Lima posee otros distritos turísticos como San Isidro, Barranco, Cercado de Lima y Surco: #Del aeropuerto a '''San Isidro''' – Un servicio de taxi puede costar {{PEN|80}}. El trayecto es de 15 kilómetros (1 hora de viaje en promedio según el tráfico). #Del aeropuerto a '''Barranco''' – Un servicio de taxi le puede costar {{PEN|90}}. El trayecto es de 20 kilómetros (1 hora de viaje en promedio según el tráfico). #Del aeropuerto a '''Cercado de Lima''' – Un servicio de taxi puede costar {{PEN|65}}. El trayecto es de solo 10 kilómetros (1 hora de viaje en promedio debido al alto tráfico del lugar). #Del aeropuerto a '''Surco''' – Un servicio de taxi le puede costar {{PEN|100}}. El trayecto es de 25 kilómetros (1 hora de viaje en promedio según el tráfico). :Para cambiar euros o dólares a soles y viceversa, lo más recomendable es hacerlo fuera del aeropuerto, en una casa de cambio particular. No lo haga con cambistas, pues lo pueden asaltar. :Para ir hacia el aeropuerto, lo más recomendable es llamar a una empresa de taxis, que cobrará alrededor de {{PEN|70}} desde zonas cercanas a Miraflores (a marzo 2024), no habrá tanta diferencia en el precio con un taxi de la calle (tal vez este cueste {{PEN|60}} o más). * En '''Airport Express''': Si busca viajar desde el aeropuerto de Lima al distrito de Miraflores, el "Airport Express" es el servicio de autobús oficial para quienes buscan transporte. El Autobús Airport Express sale desde el aeropuerto a Miraflores cada hora entre las 07:00 y las 22:00 horas. El tiempo de viaje desde el aeropuerto de Lima a Miraflores toma aproximadamente entre 45 minutos a 1 hora, con una última parada cerca de los hoteles más conocidos del distrito. La ruta incluye 4 paradas, todas convenientemente ubicadas junto a hitos de renombre: #Marriott (frente a Larcomar), en Malecón de la Reserva. #Tourist Information Center (Larco), en Av. José Larco con San Martín. #Parque Kennedy (Tourist Information Center), en la esquina de Diagonal con Berlín. #Hotel Boulevard (En puerta), en Avda. José Pardo con Jorge Chavez. :Los buses son amplios, tienen espacio para equipaje, capacidad para 40 asientos así como wifi gratis, tv informativa y seguridad. Para un boleto normal de ida, el precio del autobús desde el aeropuerto hasta Miraflores es de {{PEN|20}} (a marzo 2024). Los boletos se pueden obtener en el mostrador oficial del aeropuerto, directamente con el conductor del autobús (en est caso debe tener el dinero exacto) o comprarlos por adelantado en el sitio de [https://www.airportexpresslima.com/es/ Airport Express]. Los boletos adquiridos en línea son válidos para cualquier bus y en cualquier día dentro de 6 meses de la fecha de salida seleccionada por si surge un cambio de planes. Sólo preséntese y muestre su ticket (no es necesario imprimir el ticket, puede mostrarlo desde su smartphone). :Si desea viajar desde Miraflores al aeropuerto, las paradas también son el punto de partida de los buses, saliendo cada hora desde las 06:50 hasta las 20:50 horas. El precio es el mismo. * En '''Autobús público''': Si llega en avión puedes optar por el transporte público. Para ello puede tomar autobuses que recorren la avenida Elmer Faucett, ubicada frente a la puerta principal del aeropuerto. Tenga en cuenta que si tiene equipaje voluminoso u objetos de valor, esta opción puede no ser la ideal. La tarifa promedio ronda los {{PEN|3.50}} y los buses operan de 05:00 a 23:00 horas. Los recorridos '''IO03''', '''IO07''', '''IO14''' o '''IO89''' lo llevarán a Miraflores. :Fuera de la terminal es posible encontrar micros y combis locales (pequeñas furgonetas utilizadas para el transporte). Sin embargo, no ofrecen el mismo nivel de comodidad y conveniencia que las otras opciones, por lo que no son muy recomendables. Siempre priorice la seguridad al elegir buses, micros o combis públicos por el mayor índice de criminalidad cerca del Aeropuerto de Lima. Manténgase alerta y opte por el transporte más seguro desde el Aeropuerto de Lima. ===En tren=== Desde La Oroya y Huancayo, puedes tomar un tren hacia Lima. La parada de llegada es la [[w:es:Estación de Desamparados|Estación de Desamparados]]. No es lo más recomendable, ya que a diferencia del bus demora 12 horas. === En bus === Además de Plaza Norte, cada empresa tiene sus propios terminales, la mayoría concentrados al frente del Estadio Nacional aunque algunos en otras partes. Para llegar a Lima desde destinos internacionales, como pueden ser Argentina o Chile, por ejemplo el viaje de Lima a Mendoza (Argentina) tiene una duración de alrededor de 2 días. Se puede ir en Metropolitano hasta la estación Estadio Nacional o se puede ir en un taxi. * {{listado | nombre = Gran Terminal Terrestre | tipo = station | dirección = Cruce de las Avenidas Tomás Valle, Túpac Amaru y Alfredo Mendiola (Panamericana Norte) | indicaciones = Centro Comercial Plaza Norte | lat = -12.00555 | long = -77.05433 | tlf = +51 1 202 1111 | facebook = TerminalTerrestrePlazaNorte | estrellas = internet access | lastedit = 2024-01-26 | descripción = Se puede llegar hasta allí en un taxi o en el servicio del Metropolitano (el pasaje cuesta {{PEN|2}}, la nueva tarjeta {{PEN|5}}, que viene con un saldo de {{PEN|0.5}}, hasta la estación Tomas Valle, luego salir por la salida norte, cruzar el semáforo e ingresar al terminal. }} * {{listado | nombre = Terrapuerto Cruz del Sur | tipo = station | url = https://www.cruzdelsur.com.pe/ | dirección = Javier Prado Este 1109, La Victoria | lat = -12.08958 | long = -77.01680 | tlf = +51 1 311 5050 | mobile = +51 993 555 276 | tlf_gratuito = +51 0 801 11111 | email = servicioalcliente@cruzdelsur.com.pe | facebook = cruzdelsurpe | instagram = cruzdelsurpe | twitter = cruzdelsurpe | youtube = https://www.youtube.com/user/cruzdelsurperu | descripción = Terminal de la empresa Cruz del Sur. }} * {{listado | nombre = Terrapuerto Atocongo | tipo = station | dirección = Calle Los Alamos 1274, San Juan de Miraflores | indicaciones = Frente a Mall del Sur, pasando el puente atocongo (auxiliar de la panamericana sur) | lat = -12.15641 | long = -76.98379 | tlf = +51 1 274 5944 | facebook = TerrapuertoAtocongo | instagram = terminalatocongo | descripción = Incluye más de 40 empresas de transporte, salidas a todo el centro y sur del Perú. }} ===En auto=== Se puede recorrer por transporte particular por medio de sus tres carreteras: la Panamericana Norte, la Panamericana Sur y la Carretera Central. Algunas de ellas llevan peaje. El vehículo debe llevar SOAT obligatorio (según [https://limaenruta.pe/protegidos-en-la-ruta-que-es-el-soat-y-por-que-es-importante/ Rutas de Lima] los precios oscilan entre {{PEN|60}} y {{PEN|120}} al año). Para identificar las zonas repostaje consulta el sitio web [https://www.facilito.gob.pe/facilito/pages/facilito/menuPrecios.jsp Facilito]. Si llegas desde la carretera Interoceánica, desde Brasil, es mejor ir en camionetas, debido a los cambios de altura. == Desplazarse == {{mapframe|name=Vista de la ciudad de '''Lima''' ([[Perú]])}} Lima cuenta con transporte de bus, en especial el Metropolitano. Además que se transporta por tren. === En Transporte público === La red de transporte público de Lima se compone de una sola línea de metro, modernos autobuses, coasters y combis. El sistema puede resultar confuso para los turistas extranjeros ya que están operados por más de 600 empresas de transporte. Para mayor información, existe el blog [http://infotransportenlima.blogspot.pe/ Transporte en Lima]. En él se encuentra disponible toda la información del transporte de la ciudad de Lima, actualizada constantemente. ==== Metro ==== El [http://www.lineauno.pe/ Metro de Lima], es un sistema de metro nuevo que se está desarrollando. A febrero de 2024, solo existe la Línea 1; sirve a 33 estaciones en 11 distritos. Es una línea elevada, que corre en dirección general norte-sur en la parte oriental de las áreas metropolitanas de Lima (2-3 km al este del centro histórico de Lima y Miraflores) y, como tal, no llega a muchos lugares donde sea probable que los turistas se queden o visiten. Al día de hoy, la Línea 1 del Tren conecta las estaciones, de extremo a extremo, en 54 minutos. El servicio esta disponible de lunes a sábado, de 05:00 a 22:00 horas y los domingos y feriados de 05:30 a 22:00 horas. La frecuencia varía de acuerdo al momento del día y ve de 3 a 10 minutos de lunes a viernes, 4 a 10 minutos los sábados y 10 a 15 minutos los domingos y festivos. La Línea 2, que correrá en dirección este-oeste hacia Callao, está en construcción y se espera que entre en funcionamiento en 2024; Una vez inaugurado, es probable que el atractivo del sistema de metro para los visitantes aumente significativamente. Para poder ingresar a las Estaciones del Tren primero se debe comprar en la parte exterior de la estación una tarjeta recargable (S/ 5,00 a febrero 2024) y efectuar la recarga según la cantidad de viajes que vayas a realizar. Cada trayecto cuesta S/ 1,50 (a febrero 2024) y puede subir y bajar la cantidad de veces que quieras con tal de no salir de la estación. El sistema no cuenta con abonos semanales ni mensuales sino que cada viaje va descontando 1,50 soles del saldo que tenga en su tarjeta. Antes de pasar por el torniquete de entrada: Pase su tarjeta por la lectora y asegúrese que se prenda la flecha verde para ingresar. Antes de pasar por el torniquete de salida: Pase su tarjeta por la lectora y asegúrese que se prenda la flecha verde para salir. Pasos para recargar tu tarjeta en una TVM (máquina expendedora de tarjetas): # Coloque su tarjeta en el lector # Seleccione "Recargar Saldo". # Elija el monto a recargar. # Introduzca el dinero (las máquinas aceptan solo billetes de S/10, S/20 o S/50). # Deje su tarjeta en el lector y ¡No la retire hasta recibir su comprobante! # Retire su comprobante y vuelto, de ser el caso, así como su tarjeta Existe un número máximo de pases permitidos en un mismo día y en una misma estación que es de 10. Si excede esta cantidad, su tarjeta será bloqueada y no podrá hacer uso del sistema ==== Autobuses de Tránsito Rápido ==== [http://www.metropolitano.com.pe/ El Metropolitano] ([[Archivo:Metropolitano Lima logo.svg|20px]]) es un sistema de autobuses de transporte rápido (BRT, por sus siglas en inglés), que consiste en una flota de buses articulados que circulan por carriles segregados y con poca semaforización (rutas troncales de desplazamiento ágil), con paradas denominadas “estaciones” y cuya tarifa se cobra electrónicamente mediante el uso de tarjetas que solo se adquieren y recargan en las paradas y algunos puntos de servicio. Las estaciones están espaciadas aproximadamente a 1 km, y los autobuses viajan en su mayoría por sus propios carriles exclusivos en las autopistas, lo que significa que viajar en este sistema es mucho más rápido que en los autobuses convencionales. En ese sentido, funciona de manera similar a un sistema de metro: usted ingresa a una estación a través de un torniquete operado con tarjeta, viaja como lo desee dentro del sistema y sale de su estación de destino a través de un torniquete también (no se necesita tarjeta para salir, ya que la tarifa es fija y no está basada en la distancia). Básicamente hay una sola ruta (llamada "corredor"), que va desde los suburbios del norte en Independencia hasta el centro de la ciudad de Lima y los suburbios del sur de San Isidro y Miraflores hasta Chorrillos, aunque se divide en dos por un corto tramo en el centro de la ciudad. Sin embargo, existen diferentes "servicios", que difieren principalmente en las estaciones que paran (exprés, paradas limitadas o locales) y en qué rama pasan por el centro de la ciudad. Las tarjetas recargables del Metropolitano (Lima Pass) son independientes de la tarjeta del Metro; Se pueden adquirir en los puntos de venta de cada estación por un costo de S/ 5,00 (a febrero de 2024), no reembolsable, mientras que la tarifa general para usar el servicio varía, *Tarifa del Servicio Integrado: incluye el viaje en el Alimentador, Troncal y Alimentador y cuesta S/3.50 *Tarifa del Servicio Troncal: Abarca la red de 38 estaciones del metropolitano haciendo uso de los buses de los servicios regulares o expresos y cuesta S/3.20 *Tarifa del Servicio Alimentador: Para Rutas largas (Ensenada, Puente Piedra, Trapiche, Villa El Salvador, Milagros de Jesús, Collique, Carabayllo, Santo Domingo y San Juan de Dios ) cuesta S/1.50, mientras que para Rutas cortas (Alisos, Bertello, Izaguirre, Los Olivos, Mayolo, Payet, Tahuantinsuyo, Puno, Belaúnde, América, Cedros de Villa y Próceres) cuesta S/1.00. El principal beneficio de las tarjetas Lima Pass es que ofrecen un servicio de pago transversal en el Metropolitano y los corredores complementarios. Además, la validez de un boleto es de 120 minutos para usar libremente este transporte público. Adicionalmente se cuenta con más de 1,200 negocios como farmacias, ferreterías, bodegas, tiendas Tambo y Oxxo, entre otros, donde los usuarios pueden recargar saldo en sus tarjetas. Es recomendable se recargue con montos que les permita movilizarse durante varios días y así evitar aglomeraciones en las taquillas y máquinas de las estaciones del Metropolitano. El Metropolitano opera con los siguientes horarios, *De lunes a viernes: El servicio inicia a las 05:00 horas y se extiende hasta las 23:00 horas, con una frecuencia de buses cada 5 a 10 minutos en horas punta y cada 10 a 15 minutos en horas valle. *Sábados: El servicio inicia a las 05:30 horas y se extiende hasta las 23:00 horas, con una frecuencia de buses cada 8 a 12 minutos en horas punta y cada 12 a 15 minutos en horas valle. *Domingos y feriados: El servicio inicia a las 06:00 horas y se extiende hasta las 22:00 horas, con una frecuencia de buses cada 10 a 15 minutos. Los servicios troncales se diferencian entre regulares, expresos y servicio lechucero (nocturno). :'''Regulares'''. Se detienen en todas las estaciones. Se incluyen dentro de estos servicios el Regular A, el Regular B, el Regular C y el Regular D, determinados por su recorrido en la Troncal Centro. :* [[Archivo:Metropolitano, Regular A.svg|20px]] '''Regular A''': Cuenta con 16 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Naranjal en el distrito Independencia, hasta Estación Central, utilizando el ramal de Av. Emancipación y Jr. Lampa en el Centro Histórico de Lima. Está representado por el color celeste. Permite a los usuarios conectar con el Corredor Amarillo (bajar en la estación Caquetá) y con el Corredor Azul (bajar en la estación Tacna). :* [[Archivo:Metropolitano, Regular B.svg|20px]] '''Regular B''': Cuenta con 31 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Los Incas, en el distrito de Comas, hasta la Estación Plaza de Flores, en Barranco, utilizando el ramal de Avda. Alfonso Ugarte y Avda. España. Está representado por el color anaranjado. Permite a los usuarios conectar con el Corredor Amarillo (bajar en la estación Caquetá). :* [[Archivo:Metropolitano, Regular C.svg|20px]] '''Regular C''': Cuenta con 24 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Ramón Castilla en el Cercado de Lima, hasta la Estación Matellini en Chorrillos. Está representado por el color verde. Permite a los usuarios conectar con el Corredor Morado (bajar en la estación México o en la estación Carnaval Mreyra), el Corredor Rojo (bajar en la estación Javier Prado) y el Corredor Azul (bajar en la estación Balta). :* [[Archivo:Metropolitano, Regular D.svg|20px]] '''Regular D''': Cuenta con 15 estaciones en su recorrido de ida y vuelta. Se detiene en todas las estaciones desde la Estación Naranjal, en el distrito de Independencia, hasta la Estación Central, utilizando el ramal de Avda. Alfonso Ugarte y Avda. España. Está representado por el color morado. Permite a los usuarios conectar con el Corredor Amarillo (bajar en la estación Caquetá). Solo operativa de lunes a viernes :'''Expresos'''. Estos servicios se detienen en estaciones con mayor demanda de usuarios con la finalidad de lograr una mayor fluidez durante horas punta. En la actualidad existen 13 servicios expresos, todos ellos, excepto el expreso 10 y el lechucero, utilizan el ramal de Avda. Alfonso Ugarte y Avda. España por contar con dos carriles lo que permite adelantar a los buses de los servicios regulares. :* [[Archivo:Metropolitano, Expreso 1.svg|20px]] '''Expreso 1''': Parte desde la Estación Central en el centro de Lima hasta la Estación Matellini en Chorrillos. Está representado por el color plateado. Funciona de lunes a viernes de 05:00 a 9:00 y de 17:00 a 21:00 horas de sur a norte y de norte a sur funciona de 05:30 a 09:30 y de 17:30 a 21:30 horas. :* [[Archivo:Metropolitano, Expreso 2.svg|20px]] '''Expreso 2''': Parte desde la Estación Naranjal en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color azul. Funciona de lunes a viernes de 05:00 a 09:00 horas de norte a sur y de sur a norte funciona de 17:00 a 21:00 horas, y los sábados de norte a sur de 06:00 a 09:00 y de sur a norte de 00:30 a 03:30 horas. :* [[Archivo:Metropolitano, Expreso 3.svg|20px]] '''Expreso 3''': Parte desde la Estación Naranjal en Independencia hasta la Estación 28 de Julio en Miraflores. Está representado por el color dorado. Funciona de lunes a viernes de 05:30 a 09:00 horas de norte a sur y de sur a norte funciona de 17:00 a 21:00, y los sábados de 06:00 a 09:00 horas de norte a sur y de 12:30 a 15:30 horas de sur a norte. :* [[Archivo:Metropolitano, Expreso 4.svg|20px]] '''Expreso 4''' (Inoperativo): Parte desde la Estación Naranjal en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color rojo. Funciona solamente los sábados de 05:15 a 20:15 horas de norte a sur y de sur a norte funciona de 05:15 a 21:00 horas. :* [[Archivo:Metropolitano, Expreso 5.svg|20px]] '''Expreso 5''': Parte desde la Estación Naranjal en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color guinda. Funciona de lunes a viernes de 9:00 a 17:00 horas debido a la alta demanda existente fuera de las horas punta. :* [[Archivo:Metropolitano, Expreso 6.svg|20px]] '''Expreso 6''': Parte desde la Estación Izaguirre en Independencia hasta la Estación Benavides en Miraflores. Está representado por el color negro. Funciona de lunes a viernes de 05:30 a 10:00 horas solamente en el sentido norte a sur. :* [[Archivo:Metropolitano, Expreso 7.svg|20px]] '''Expreso 7''': Parte desde la Estación Tomás Valle en Independencia/San Martín de Porres hasta la Estación Angamos en Miraflores/Surquillo. Está representado por el color granate. Funciona de lunes a viernes de 05:30 a 09:00 horas solamente en el sentido norte a sur. :* [[Archivo:Metropolitano, Expreso 8.svg|20px]] '''Expreso 8''': Parte desde la Estación Izaguirre en Independencia hasta la Estación Plaza de Flores en Barranco. Está representado por el color rosado. Funciona de lunes a viernes de 17:00 a 20:30 horas de norte a sur y de sur a norte funciona de 17:00 a 21:00 horas. :* [[Archivo:Metropolitano, Expreso 9.svg|20px]] '''Expreso 9''': Parte desde la Estación UNI hasta la Estación Benavides en Miraflores de norte a sur mientras que de sur a norte parte desde la Estación Plaza de Flores hasta la Estación UNI en Rimac. Está representado por el color celeste claro. Funciona de lunes a viernes de 05:30 a 9:00 horas. :* '''Expreso 10''': Parte desde la Estación Naranjal en Independencia hasta la Estación Central en el centro de Lima y utiliza el ramal de Avda. Emancipación y Jr. Lampa. Está representado por el color verde menta. Funciona de lunes a viernes de 06:00 a 09:00 horas solamente en el sentido de norte a sur. :* '''Expreso 11''': Parte desde la Estación Los Incas en Comas hasta la Estación Central en el centro de Lima y utiliza el ramal de Avda. Universitaria, Avda. Tupac Amaru y Avda. Alfonso Ugarte. Está representado por el color morado oscuro. Funciona de lunes a viernes de 05:00 a 10:00 horas de norte a sur y de sur a norte 5:45 a 10:45 horas. :* '''Expreso 12''': Parte desde la Estación Central en el centro de Lima hasta la Estación Benavides en Miraflores va por la Vía Expresa Luis Fernán Bedoya Reyes. Está representado por el color marrón. Funciona de lunes a viernes de 05:45 a 10:00 horas solamente en el sentido de norte a sur. :* [[Archivo:Metropolitano, Super Expreso.svg|20px]] '''Súper Expreso''': Parte desde la Estación Naranjal en Independencia hasta la Estación Ricardo Palma en Miraflores/Surquillo. Está representado por el color verde claro. Funciona de lunes a viernes de 05:45 a 09:00 horas de norte a sur y de sur a norte de 17:00 a 21:00 horas. :* [[Archivo:Metropolitano, Super Expreso Norte.svg|20px]] '''Súper Expreso Norte''': Parte desde la Estación Naranjal en Independencia hasta la Estación Central en el centro de Lima. Está representado por el color amarillo. Funciona de lunes a viernes de 05:00 a 10:00 y de 17:00 a 21:00 horas de norte a sur y de sur a norte funciona de 05:30 a 10:00 y de 17:30 a 21:30 horas. :* '''Lechucero''': Cubre la demanda existente durante las horas de la madrugada de los fines de semana. Parte desde la Estación Naranjal en Independencia hasta la Estación Matellini en Chorrillos. Está representado por el color gris. Funciona de jueves a sábado de 23:30 a 04:00 horas en ambos sentidos. '''Debe tener en cuenta que''', si bien algunas de las estaciones del sistema tienen una plataforma única para los autobuses en dirección norte y sur, algunas estaciones están físicamente divididas en dos, una para los autobuses en dirección norte y otra para los autobuses en dirección sur; ¡así que asegúrese de leer los carteles antes de pagar la tarifa para ingresar a una estación! Además, el Metropolitano opera varias "rutas alimentadoras" que recorren calles locales en las cercanías de las terminales norte y sur de la línea principal, llevando pasajeros a esas terminales. Esas rutas están numeradas y comienzan con AN- y AS-, respectivamente. La Autoridad de Transporte Urbano tiene una aplicación para teléfonos inteligentes en su sitio web con información tanto sobre las rutas BRT como sobre otros autobuses municipales (ver más abajo). ==== Corredores Complementarios ==== Además del BRT, la ciudad también opera autobuses a lo largo de al menos un par de "rutas troncales" (ruta troncal) o "corredores". Conocidos como Corredores Complementarios, forman parte de un sistema de transporte integrado con el BRT. Hay 4 corredores, que incluyen: *[[Archivo:Blue Circle o.jpg|25px]] Corredor Azul: por las avenidas Alcázar, Tacna, Garcilaso de la Vega y Arequipa. Particularmente útil para viajar entre el centro de Lima y Miraflores y Barranco. Rutas: 301 (Rimac-Barranco), 302 (Rimac-Miraflores), 303 (Rimac-Miraflores), 305 (Rimac-Miraflores), 306 (Rimac-San Isidro). Costo pasaje general normal S/ 2.20 *[[Archivo:Red Circle 2.png|20px]] Corredor Rojo: por las avenidas Javier Prado, Faustino Sánchez Carrión y La Marina, pasando por La Molina, Monterrico (Surco), San Borja, San Isidro, Pueblo Libre y San Miguel. Rutas: 201 (Óvalo de la Perla-Ate), 204 (Pachacámac-San Miguel), 206 (San Muguel-La Molina) y 209 (San Miguel-Ate). Costo pasaje general normal S/ 2.35 (a febrero 2024). *[[Archivo:Eo circle purple blank.svg|16px]] Corredor Morado: por las avenidas Wiesse, Maríategui, CAnto Grande, Las Flores, Próceres, Abancay, Manco Capac y Brasil. Rutas: 404 (San Juan de Lurigancho-Magdalena), 405 (San Juan de Lurigancho-San Isidro), 409 (San Juan de Lurigancho-San Isidro), 412 (San Juan de Lurigancho-Cercado de Lima) y SE-02 (San Juan de Lurigancho-Acho). Costo pasaje general normal S/ 2.30 (a febrero 2024) *[[Archivo:Eo circle yellow blank.svg|16px]] Corredor Amarillo. Rutas: 101 (Canta Callao-Parque Zonal Huáscar) y 107 (Avda. A, San Martín de Porres-Javier Prado, Surco). Costo pasaje general normal S/ 2.50 Los autobuses tienen paraderos claramente señalizados, con carteles y bancas, al menos a lo largo de los corredores principales. El número de ruta del autobús está formado por tres dígitos (por ejemplo, 301). La tarifa se paga con tarjeta. Sin embargo, si un pasajero no tiene una tarjeta, el conductor tomará su dinero en efectivo y también escaneará su propia tarjeta. === En taxi === El taxi en Lima es muy económico y existen abundantes taxis en la ciudad, sin embargo, si es turista es recomendable llamar a empresas que ofrecen el servicio de taxi o por lo menos tomar taxis con las placas pintadas con una franja superior amarilla, ello los identifica como taxis registrados y así podrá tomarlos con mayor seguridad. Si tienes dudas, consulta el [https://sistemas.atu.gob.pe/ConsultaVehiculo portal de vehículos autorizados de la ATU] e introduce la matrícula para proceder con la verificación del conductor y la empresa autorizada. No hay taxímetro. Así que siempre negocia y acuerda el precio del transporte en taxi antes de subir al vehículo. Sólo las empresas a las que se llama por teléfono o las que están en el aeropuerto tienen tarifas preestablecidas. === En auto === Las principales autopistas y carreteras son la Panamericana Sur, la Panamericana Norte y la Carretera Central. Las 3 están en buen estado. == Hablar == En Lima se habla principalmente español. También se habla quechua, Lima es la zona del país con mayor número de quechuahablantes en el país con 727 617 de acuerdo al censo del 2017. == Ver == [[Archivo:Teatro Colon - Lima - 4140822933.jpg|miniaturadeimagen|334x334px|El Teatro Colón en la entrada al Jirón Quilca desde la Plaza San Martín. Esta calle sigue el recorrido del antiguo camino Inca hacia el puerto del Callao.]] La ciudad de Lima o ciudad de los reyes ofrece mucho que ver, desde sus gigantescos balcones coloniales, iglesias que datan dese 1535 hasta sus mercados incas, playas que se desplazan desde Tumbes hasta Tacna, huacas y templos religiosos de la época incaica y pre incaica. La ciudad de Lima y sus alrededores en la actualidad ofrecen una colección de museos con galerías de cerámicas única. Lima de noche y sus edificios coloniales totalmente iluminados reflejan la belleza de este centro histórico como único en el Perú. === Información === *[https://www.peru.travel/en/useful-data/iperu IPERU información oficial : https://www.peru.travel/en/useful-data/iperu] *[https://sites.google.com/view/limaairporthotel/travelersguideperu?authuser=0 Guia completa para conocer el Perú] elaborada por [https://www.eltipviajero.com '''El Tip Viajero'''] *{{ver|nombre=Visita Lima|alt=|facebook=VisitaLimaPeru|email=|dirección=Pasaje Nicolás de Ribera El Viejo 145, Centro Histórico de Lima|lat=|long=|indicaciones=|tlf=+51 990 955 859|tlf_gratuito=|fax=|precio=|horario=|descripción=|url=https://visitalima.pe/}} === Sitios de interés === Los listados individuales se encuentran en los artículos correspondientes de las [[Lima#Áreas de Lima|Áreas]] de Lima. [https://sites.google.com/view/limaairporthotel/travelersguideperu/GuideLima?authuser=0 Aqui una Mapa interactivo de los atractivos de Lima] == Hacer == La ciudad de los reyes ofrece un sin numero de actividades para todos los gustos. Al ser la única capital sudamericana a orillas del mar y estar localizada en un área del océano pacífico en la cual confluyen diversas corrientes, Lima es un paraíso para los amantes del surf y la comida basada en pescados y mariscos, la misma que le imprime el carácter gourmet a la ciudad y ha logrado que la cocina peruana sea reconocida entre las mejores y más variadas del mundo. Conoce Lima desde un mirador 360 de la capital''' , el '''tour LA REAL LIMA''' parte desde el alojamiento '''[https://www.eltipviajero.com El TIP VIAJERO]''' de Lunes a Viernes desde las 5:30 pm culminando el recorrido a las 6:30 pm, o Sábado y Domingo en el amanecer, 5:30 am hacia uno de los miradores mas seguros de Lima, incluye una explicación de la historia y crecimiento de la ciudad, de la migración y parte de la historia del Perú, el costo es de 35 soles por persona, mas información en [https://www.eltipviajero.com El Tip Viajero] o al +51941483585 atención en Inglés y Español, apto para todo tipo de viajeros. Si de actividades al aire libre se trata, Lima ofrece dentro de su área metropolitana opciones como el Parapente o Ala Delta que pueden ser realizados ya sea en un vuelo Tándem u optar por el curso y la certificación que ofrecen empresas como [http://www.infinitycross.com INFINITY Escuela de Parapente] o [http://www.aeroxtreme.com AeroXtreme]o [http://www.Perúfly.com PerúFly] o [http://www.parapente.pe PARAPENTE.PE]. También se puede alquilar el equipamiento para vuelo libre si ya ha sido certificado. Los vuelos normalmente se realizan desde el distrito de Miraflores en uno de los acantilados al lado del Parque del Amor. Otra opción interesante y entretenida son los Paseos en Bicicleta por los mejores puntos de la ciudad como Barranco, Miraflores, San Isidro, Chorrillos y el Centro Histórico. Empresas como [http://www.biketoursoflima.com Bike Tours of Lima], llevan a cabo tours guiados en castellano e inglés y a precios asequibles. También existe la posibilidad de alquilar bicicletas por horas o días y realizar recorridos personalizados por la ciudad. La bicicleta de montaña también está presente en la ciudad de Lima, sin ir muy lejos, a 20 o 30 minutos de Miraflores, ya en las afueras de la ciudad, distritos como Pachacamac, Cieneguilla, y Mala cuentan con una buena variedad de circuitos para la práctica de este deporte, con un excelente clima y bajo la supervisión de profesionales. Empresas como [http://www.Perúbike.com PerúBike]y [http://www.Perúbikingtours.com Perú Biking Tours] ofrecen diversas alternativas. City tours tradicionales también están disponibles en la ciudad, empresas como [http://www.limavision.com Lima Vision] y [http://www.urbanito.com.pe Urbanito] ofrecen tours y diversos recorridos diariamente. === Paseo === *'''Circuito Mágico del Agua - Parque de la Reserva y Fermín Tangüis''', de martes a domingo, entrada general {{PEN|4}}. Adultos mayores de 60 años no pagan. === Relajarse === *'''[http://www.sentidosthai.com Sentidos Thai]''': Salón de masaje tailandés ubicado en el corazón de Barranco, dirigido por una pareja peruano-holandesa. == Comprar == Existen diversos malls en la ciudad de Lima, que concentran un buen número de tiendas de reconocidas marcas, así como abundante producción nacional. * Jockey Plaza * Plaza Lima Sur * Plaza Norte * Megaplaza Lima Norte * Mall Aventura Plaza Bellavista (Callao) * Mall Aventura Plaza Santa Anita * Plaza San Miguel * Real Plaza (Salaverry, Centro Cívico, Primavera, Pro, Santa Clara, Guardia Civil) * Mall del Sur Entre otros == Comer == Para sugerencias de restaurantes específicos, consulte los artículos de las [[Lima#Áreas de Lima|Áreas]] de Lima. La gastronomía peruana es reconocida mundialmente. Sus deliciosos cebiches (pescado crudo cocido con limón) son ícono de la gastronomía inca. La comida limeña, es muy sabrosa en aromas y sabor, propiamente dicho. Suele ser cara para los turistas nacionales. Se pueden encontrar muchos restaurantes y cafés. También existen una gran variedad de restaurantes a su disposición, como también pueden ir al Pasaje San Ramón, en Miraflores, donde es la mezcla de comida y por las noches de Discoteca. Hay variedad de [[Chifas]] en San Miguel y en la Calle Capón (comida china con sazón peruana) y de pollerías a la brasa en San Borja. Ahora, Lima tiene la fama de ser una ciudad dulcera, por ende, los dulces típicos son recomendable para el paladar más sofisticado. Tienen también dulces de antaño que se pueden encontrar en la '''[[:w:es:Alameda Chabuca Granda|Alameda Chabuca Granda]]''' En el mes de Octubre es común tener en una mesa limeña, el tradicional '''Turrón de Doña Pepa'''. La ubicación de la ciudad hace que entre su comida tenga la presencia de una gran diversidad de platillos basados en productos marinos, como por ejemplo: [[:w:es:Cebiche|cebiche]], chupe de camarones, etc. Lima, es una ciudad que lo sorprenderá con su variedad inimaginable de comidas. Los restaurantes limeños compiten por el favor de un público educado y exigente, así se puede tener mucha calidad a un buen precio, en los distintos estilos de Cocina, siendo la cocina peruana contemporánea, donde la creatividad y profesionalismo llegan a producir experiencias culinarias casi sublimes. == Beber y salir == *'''Pisco Sour''' es la bebida nacional del Perú, elaborada con pisco, un brandy elaborado a partir de uvas. Es muy recomendable que todos los visitantes al Perú prueben esta bebida al menos una vez. Hay algunas variaciones que se ofrecen en varios bares de la ciudad. Sólo sea cuidadoso; el sabor fresco y dulce hace que sea muy fácil beber en exceso, y es muy fácil emborracharte con él. *'''Inca Kola''' es el refresco más popular en Perú, uno de los pocos refrescos que Coca Cola no pudo derrotar (hasta que compraron la empresa). Es una bebida con sabor a frutas amarillas y sabe a "hierba luisa". *'''Jugos''' Puedes encontrar excelentes bebidas de frutas frescas en toda Lima. Desde precios muy módicos por un jugo de naranja fresco en el mercado hasta algunos más caros. Los surtidos, que contienen varias frutas diferentes, son bastante sabrosos. *'''Chicha Morada''' Una bebida refrescante, de color morado y sin alcohol, rica en antioxidantes. Se elabora hirviendo maíz morado con piña, canela, clavo de olor y azúcar. *'''Emoliente''' es una bebida caliente preparada con cebada, hierbas, azúcar y jugo de limón. Los vendedores ambulantes suelen venderlo por la noche a bajo precio. Es especialmente bueno en invierno. == Dormir == *'''[https://www.eltipviajero.com El Tip Viajero- Apartments, rooms, Hostel for travelers, Urban Camping Overlander and Storage]''', a 5 minutos de la panamericana norte, a 10 minutos del aeropuerto internacional Jorge Chavez y de la estación de buses Plaza Norte, a 10 minutos de los mas grandes centros comerciales de Lima, Plaza Norte, Plaza Center Rex, Megaplaza, a 20 minutos del centro histórico y administrado por una familia viajera con atención en inglés y español, es el punto de encuentro de viajeros en motorhomes, en motocicletas, mochileros y cicloviajeros del mundo, que desean compartir y sentirse parte de una familia peruana, los servicios que brindan son: '''I.-''' '''Alojamiento''': a) Habitaciones privadas b) Habitaciones compartidas estilo hostel c) Apartamentos completos privados con cocina '''II.-Urban Camping Overlander:''' Servicio de camping urbano dentro de una casa, cerrado y seguro para casas rodantes, en la que los viajeros pernoctan, tanto en camionetas con carpa en el techo, vehículos overlander en general, con servicio de baño privado, internet de alta velocidad, terraza con Bbq, servicio de lavandería muy cercana al establecimiento. '''III.- Almacenamiento de vehículos''', motorhomes, camionetas, autos, motos de viajeros extranjeros con '''suspensión del TIP hasta por un año ante Aduanas'''. website: https://www.eltipviajero.com Whatsapp: +51941483585 email: gerenteeltipviajero@gmail.com, ubicación en Maps : Buscar El Tip Viajero, asimismo ofrece asistencia legal gratuita para sus clientes y asistencia con información turística en las rutas del Perú. Dirección Jirón Melchor Cumpa 933 Urbanización San Germán, SMP, Lima. Ubicación: -12.01578675706521, -77.07642201955422 *{{dormir | nombre = Cirque Hostel |url=http://www.cirquehostel.com | descripción= Es un hostal económico, diseñado por mochileros para mochileros. Está ubicado en la parte más segura y linda de Lima: el barrio de Miraflores, sólo unas cuadras del mar, mercados locales y ruinas de Huaca Pucllana. Es un hostal pequeño (sólo 6 cuartos) y por eso muy tranquilo y familiar. Tiene dormitorios (USD 10) y cuartos privados (USD 26-30). Los servicios incluyen: desayuno, Wi-Fi y ordenadores gratis, ropa de cama, ventiladores, cocina para huéspedes, bar, tres zonas de ocio (sala de telé, terraza y jardín), veinticuatro horas de ducha caliente y recepción, lockers de seguridad, transporte al aeropuerto. }} * {{dormir | nombre = 1900 Backpackers Hostel |url=http://www.1900hostel.com | descripción= []. Único Hostel en el Centro Histórico ubicado frente al Museo de Arte de LIMA. Moderno, limpio, y con personal educado y amigable que lo hará sentir como en casa. Inmejorable para tener una experiencia de la Lima real y cultural, donde la fusión de lo ancestral y las diferentes etapas de la vida Limeña se llevan y se han llevado a cabo. }} * {{dormir | nombre = Hotel La Molina | url=http://www.hotellamolina.com.pe | descripción= Boutique Hotel La Molina – Cuenta con confortables Suites en el corazón de La Molina, cerca a Monterrico, Surco, Ate y Santa Anita. }} * {{dormir | nombre = D'osma Bed & Breakfast - Barranco LIMA | url=http://www.deosma.com | descripción= Acogedor B&B con habitaciones bien decoradas y buenos servicios. Muy buena atención y desayuno, tiene pocas habitaciones privadas. Internet Wi-Fi en las habitaciones y muy buena ubicación a 2 cuadras del parque central de Barranco. Especialmente orientado a viajeros y turistas. }} * {{dormir | nombre = Miraflores Suites en Lima-Perú | url=http://mirafloresapt.hot.to/ | descripción= Acogedores apartamentos para turistas en las mejores zonas de Miraflores. Mínimo 1 semana de alquiler. }} * {{dormir | nombre = The Point Hostels LIMA | url=http://www.thepointhostels.com | descripción= Esta mansión republicana en Barranco, el hermoso distrito bohemio de Lima, tiene más de 50 confortables camas repartidas entre cuartos compartidos y privados. Rodeado por la mejor vida nocturna de la ciudad y a un paso de la playa y del surf! El Hostel ofrece todo lo que un mochilero pueda necesitar a precios económicos. }} * {{dormir | nombre = Flying Dog Hostels Perú | url=http://www.flyingdogPerú.com | descripción= El más clásico hostal B&B de Lima. Excelente opción, por su ambiente chill. Hostal económico, seguro, trendy y muy confortable. En el corazón de Miraflores, frente al Parque Kennedy. }} * {{dormir | nombre = LPA - Lima Perú Apartments | url=http://www.limaPerúapartments.com/ | descripción= En el corazón de Miraflores, ellos brindan un exclusivo listado de apartamentos en Lima Perú – económicos y de lujo, cuenta con: calendario de disponibilidad y reserva inmediata online, fotos mapas y comentarios de huéspedes }} * {{dormir | nombre = Loki Backpackers Hostel | url=http://www.lokihostel.com | descripción= Un nuevo alojamiento creado por 4 mochileros, los mismos que abrieron el Hostel Loki en Cusco. Un Hospedaje de buena calidad, bajo precio y mucho diversión en el centro de Miraflores. }} * {{dormir | nombre = One Hostel | url=http://www.oPerú.com | descripción= Es un nuevo albergue en el distrito de Barranco. Seguridad, limpieza, arte y una familia de viajeros es lo que te va a rodear. }} * {{dormir | nombre = Magdalen House | url=http://www.magdalenhouse.com | descripción= Lugar reconocido por su belleza que conserva la nostalgia de una lima vieja, tal cual lo narran prestigiosos escritores Peruanos cuyos artículos ensayos y poemas consignan el nombre del Distrito como el lugar de su escritura. }} * {{dormir | nombre = Pay Purix Backpackers Hostel | url=http://www.paypurix.com | descripción= Está a 3 minutos del aeropuerto internacional de Lima. Además de ser nuevo, seguro, limpio y muy agradable. }} * {{dormir | nombre = Hotel Manos Amigas | url=http://www.manos-amigas.com.pe | descripción= Miraflores - Lima - Perú }} * {{listado | nombre = B&B Wasi Aeropuerto Lima | alt = Wasi Aeropuerto | tipo = dormir | url = http://www.wasiaeropuertolima.com | dirección = Pasaje Arequipa C58 Urb. San Juan Masias Callao | indicaciones = Urbanización San Juan Masías, a 5 minutos del aeropuerto en auto | lat = -11.99604 | long = -77.11898 | tlf = +51997961111 | email = info@wasiaeropuertolima.com | precio = Desde USD 45 | descripción = Un hostal que cuenta con todas las comodidades necesarias para hospedarse cerca al Aeropuerto. Cuenta con 10 habitaciones con baño privado, internet, televisión por cable; incluye desayuno y hay opciones económicas de cena y bebidas. }} * {{listado | nombre = B&B Miraflores Wasi Independencia | alt = Miraflores Wasi | tipo = dormir | url = http://www.bednadbreakfastmiraflores.com | dirección = Independencia 387 | indicaciones = Altura de la cuadra 3 de Av Pardo | lat = -12.1161 | long = -77.0325 | tlf = +51965713438 | email = info@bedandbreakfastmiraflores.com | precio = Desde USD 40 | descripción = Un lugar ideal para conocer Lima a bajo precio, está ubicado en Miraflores, muy cerca de restaurantes, parques, atracciones, con fácil acceso a transporte publico, en un sector de poco ruido. Todas sus habitaciones tienen baño privado, internet y desayuno incluido. }} == Seguridad == Lima tiene policías a pesar que existen robos al paso. En 2022, según ''[https://gestion.pe/peru/delincuencia-en-lima-y-callao-cuales-son-los-distritos-en-que-se-reportan-mas-robos-policia-nacional-fuerzas-armadas-estado-de-emergencia-rmmn-noticia/ Gestión]'', los lugares donde frecuentan son el Cercado de Lima, San Juan de Lurigancho, Comas, Los Olivos y San Juan de Miraflores. Si ocurre un robo, llame a la Policía o [https://www.gob.pe/11155-denunciar-perdida-o-robo-de-documentos-denuncia-policial-digital consulta el portal del Gobierno peruano] para denunciar virtualmente. == Ciudades cercanas == * [[Huaral]] - No se pierda de ir a este mágico pueblecillo ubicado a tan sólo una hora y media al norte del Cercado de Lima, pruebe el Chancho al Palo o a la Caja China. * Huacho - Otra pequeña ciudad con playas. Tiene un gran centro comercial Plaza del Sol, en este sitio venden unas deliciosas roscas que traen de [[Sayán]]. Está ubicado a 2 horas al norte de Lima. * San Vicente de Cañete - Al igual que Huacho, es una pequeña ciudad. Alberga un gran centro comercial MegaPlaza Cañete. En su Plaza de Armas hay varios restaurantes económicos. A 2 horas al sur de Lima. * Ica - A tan sólo 4 horas al sur de Lima en auto o bus. Alberga 2 centros comerciales: Plaza del Sol y El Quinde. No olviden probar los deliciosos vinos y piscos. == Contactos de emergencia == === Embajadas === * [[Archivo:Flag_of_Argentina.svg|20x20px]] '''[https://eperu.cancilleria.gob.ar/ Argentina]''', Avenida Las Flores 326, San Isidro. Teléfono: +51 1 4414444 * [[Archivo:Flag_of_Chile.svg|20x20px]] '''[https://www.chile.gob.cl/peru Chile]''', Avenida Javier Prado Oeste 790. San Isidro. Teléfono: +51 1 710 2211 * [[Archivo:Flag_of_Colombia.svg|20x20px]] '''[https://peru.embajada.gov.co/ Colombia]''', Avenida Víctor Andrés Belaúnde 340, San Isidro. Teléfono: +51 1 2019830 * [[Archivo:Flag_of_Costa_Rica.svg|20x20px]] '''[https://www.embajadacostaricaenperu.org/ Costa Rica]''' Calle Baltazar La Torre 828, San Isidro. Teléfono: +51 1 2642711 * [[Archivo:Flag_of_Ecuador.svg|20x20px]] '''[https://www.cancilleria.gob.ec/peru/ Ecuador]''', Jirón Las Palmeras 356, San Isidro. Teléfono: +51 1 2124171 * [[Archivo:Flag_of_Spain.svg|20x20px]] '''[https://www.exteriores.gob.es/Embajadas/lima/es/Paginas/index.aspx Espaňa]''', Avenida Jorge Basadre 498, San Isidro. Teléfono: +51 1 2125155 * [[Archivo:Flag_of_United_States.svg|20x20px]] '''[https://pe.usembassy.gov/es/ Estados Unidos]''', Avenida La Encalada cdra 17, Surco. Teléfono: +51 1 6182000 * [[Archivo:Flag_of_Mexico.svg|20x20px]] '''[https://embamex.sre.gob.mx/peru/ México]''', Avenida Jorge Basadre 710, San Isidro. Teléfono: +51 1 6121600 * [[Archivo:Flag_of_Panama.svg|20x20px]] '''[https://mire.gob.pa/ministerio/embajada-y-consulado/lima-embajada-de-panama/ Panamá]''', Calle Roma 397, San Isidro. Teléfono: +51 1 2215221 * [[Archivo:Flag_of_Dominican_Republic.svg|20x20px]] '''República Dominicana''', Calle Los Álamos 562, San Isidro. * [[Archivo:Flag_of_Venezuela.svg|20x20px]] '''[https://peru.embajada.gob.ve/ Venezuela]''', Avenida Arequipa 298, Cercado. Teléfono: +51 1 4334511 === Emergencias === * Policía: {{Tel|+5114311668}} * Defensa Civil: {{Tel|+5113185050}} * Cruz Roja: {{Tel|+5112660481}} * Bomberos: {{Tel|+5114265289}} == Enlaces externos == * [https://www.peru.travel/Portals/_default/descubre-lima/pdf/FolletoLimaEspanol.pdf Guía turística] de Promperú{{geo|-12.043333|-77.028333}} {{EstáEn|Perú}} {{estado artículo|tipo=ciudad |calidad=útil}} [[Categoría:Perú]] [[Categoría:Lima| ]] 6ak804yzfh6c6wa1yfkg62g2crjyi6h 10 6579 253101 253049 2026-05-13T12:01:51Z Jembot 2355 Bot: Actualizando datos 253101 wikitext text/x-wiki {{<includeonly>safesubst:</includeonly>#switch:{{ucfirst:{{{1|{{{User|{{{user}}}}}}}}}}} |Jembot=26445 |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=2449 |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=1056 |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 |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 |Jsmura=326 |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 |Antoniograjal=235 |Turbo8000=235 |MarcoAurelio=222 |ElGatoSaez=198 |PetrohsW=197 |Babel AutoCreate=192 |SelfieCity=191 |Iho jose=190 |Community Tech bot=189 |Steinsplitter=185 |Jualve=184 |DARIO SEVERI=178 |Kiwumi=178 |Ezarate=171 |WOSlinker=166 |Alexis Jazz=163 |Hmaglione10=161 |Millars=158 |Trescilindros=157 |Simon Peter Hughes=149 |Marinna=149 |Villalaso=147 |Linehalt=143 |Hasley=143 |Angela Ciccimarra25=141 |SrCerberus=141 |Penarc=140 |JOAN=140 |Municipalidad de Trujillo=139 |DutchTina=131 |RoBeRtArAmIrEz=130 |Renamed user f26394dcb19bd7bdad78f0d752896653=127 |Adolfobrigido=125 |Crochet.david.bot=125 |Hodolog=123 |Pathoschild=122 |Sonoko Konishi=120 |Isaac agredano=120 |Juanantonaya=118 |Agustin Bartolome=112 |Rodriweb=111 |Esturismo=109 |Laberinto16=109 |Alberto.turismo2023=109 |B25es=108 |SHB2000=108 |Vinicius10=104 |AlvaroMolina=99 |Zafkiel GD=95 |Stïnger=93 |The Sophocrat=93 |Loco085=91 |Polsaker=89 |BOToronja=88 |CityForEveryone=88 |ThunderingTyphoons!=86 |Je7roi=86 |Zolsemiya=86 |William y Chesterfield=85 |Carlos Abisai=85 |Eihel=84 |IanTrobsky=83 |Venex=83 |Isaacvp=82 |Jmcp17=82 |Rodelar=81 |Bangladesh=80 |Addicted04=79 |Luxbane=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> 5uch31cyeviw2hyp8sz14ggmf09ramx 10 6580 253102 253050 2026-05-13T12:01:53Z Jembot 2355 Bot: Actualizando ranking 253102 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.]]), 13 de mayo de 2026, 12:00 (UTC)</small> |}<noinclude>{{documentación}}</noinclude> rh9lfa2tnrw9dz12iqs7hms9jd3iw65 4 6582 253103 253052 2026-05-13T12:01:54Z Jembot 2355 Bot: Actualizando ranking 253103 wikitext text/x-wiki {{/begin|50}} |- | 1 || [[User:Jembot|Jembot]] (Bot) || [[Special:Contributions/Jembot|{{formatnum:26445}}]] |- | 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:2449}}]] |- | 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:1056}}]] |- | 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}} ok0vflqa3cq00pfgway6d47lapo3pz4 10 8915 253109 253054 2026-05-13T19:02:04Z Jembot 2355 Bot: Actualizando datos 253109 wikitext text/x-wiki {{#switch:{{uc:{{{1|}}}}}<!-- Las cifras indican el valor de un dólar estadounidense en la moneda correspondiente--> |AED=3.672498 |AFN=62.000176 |ALL=81.599468 |AMD=368.630191 |ANG=1.79046 |AOA=917.999932 |ARS=1392.0238 |AUD=1.377629 |AWG=1.80125 |AZN=1.702355 |BAM=1.669747 |BBD=2.014096 |BDT=122.750925 |BGN=1.66992 |BHD=0.37725 |BIF=2975.5 |BMD=1 |BND=1.272576 |BOB=6.910389 |BRL=5.005897 |BSD=1.000004 |BTN=95.654067 |BWP=13.471587 |BYN=2.786502 |BYR=19600 |BZD=2.011227 |CAD=1.371215 |CDF=2241.000164 |CHF=0.782101 |CLF=0.022546 |CLP=887.360288 |CNY=6.79095 |COP=3793.53 |CRC=455.222638 |CUP=26.5 |CVE=94.450178 |CZK=20.77625 |DJF=177.720229 |DKK=6.381198 |DOP=59.250306 |DZD=132.417493 |ECS=25000 |EGP=52.9186 |EHP=142,093644 |ERN=15 |ETB=157.375041 |EUR|€=0.854 |FJD=2.18635 |FKP=0.739209 |GBP|£=0.73965 |GEL=2.680349 |GHS=11.297406 |GIP=0.739209 |GMD=73.000261 |GNF=8777.50141 |GTQ=7.629032 |GYD=209.214666 |HKD=7.82995 |HNL=26.610516 |HRK=6.4337 |HTG=130.601268 |HUF=305.855027 |IDR=17505.95 |ILS=2.910695 |INR=95.63475 |IQD=1310 |IRR=1312999.999887 |ISK=122.629807 |JMD=158.150852 |JOD=0.709014 |JPY|¥=157.894989 |KES=129.179612 |KGS=87.450445 |KHR=4010.999908 |KMF=420.999855 |KPW=900.016801 |KRW=1489.239804 |KWD=0.30827 |KYD=0.833362 |KZT=469.348814 |LAK=21950.000036 |LBP=89750.815528 |LKR=324.546762 |LRD=183.150231 |LSL=16.410019 |LTL=2.95274 |LVL=0.60489 |LYD=6.325061 |MAD=9.17375 |MDL=17.150468 |MGA=4174.99989 |MKD=52.648438 |MMK=2099.28391 |MNT=3579.674299 |MOP=8.066645 |MRU=40.000466 |MUR=46.809601 |MVR=15.409468 |MWK=1741.498015 |MXN=17.181502 |MYR=3.930499 |MZN=63.885792 |NAD=16.4102 |NGN=1370.109731 |NIO=36.70498 |NOK=9.17482 |NPR=153.052216 |NZD=1.68513 |OMR=0.384499 |PAB=1 |PEN=3.4285 |PGK=4.35995 |PHP=61.391502 |PKR=278.598731 |PLN=3.627802 |PYG=6115.348988 |QAR=3.643502 |RON=4.447497 |RSD=100.282999 |RUB=74.16804 |RWF=1460 |SAR=3.751772 |SBD=8.032258 |SCR=14.212608 |SDG=600.485792 |SEK=9.324499 |SGD=1.272799 |SHP=0.746601 |SLL=20969.502105 |SOS=571.49631 |SRD=37.194015 |SSP= |STD=20697.981008 |SVC=8.75 |SYP=110.578962 |SZL=16.484966 |THB=32.337998 |TJS=9.365014 |TMT=3.51 |TND=2.880504 |TOP=2.40776 |TRY=45.408925 |TTD=6.784798 |TWD=31.531497 |TZS=2597.650033 |UAH=43.974218 |UGX=3749.695849 |USD|$=1 |UYU=39.725261 |UZS=12077.999843 |VED= |VEF= |VES=508.06467 |VND=26348 |VUV=117.978874 |WST=2.702738 |XAF=560.031931 |XCD=2.70255 |XDR=0.694969 |XOF=558.495472 |XPF=102.322327 |YER=238.625048 |ZAR=16.410995 |ZMW=18.875077 |ZWL=321.999592 |#default=13 de mayo de 2026 }} 1l1z05ub2ic3qmzkde6b90aojcv891p 10 12726 253171 253071 2026-05-14T00:00:05Z Jembot 2355 Bot: Actualizando imagen del día de Commons 253171 wikitext text/x-wiki LeMansAscension 1.jpg jqhmbepdlqtsmwfqqjlno41azcjzvy3 10 12727 253172 253072 2026-05-14T00:00:06Z Jembot 2355 Bot: Actualizando descripción de la imagen del día de Commons 253172 wikitext text/x-wiki [[w:Vitral|Vitral]] que representa a la [[w:María (madre de Jesús)|Virgen María]] y a los [[w:Apóstoles en el Nuevo Testamento|apóstoles]] durante la [[w:Ascensión de Jesús|Ascensión de Jesús]], [[w:Catedral de Le Mans|Catedral de San Julián]] de [[w:Le Mans|Le Mans]], Francia. cpzgeeya14c5m4v5eo2jcw8xn8f23om 10 13136 253173 251622 2026-05-14T00:11:18Z Luxbane 30785 upd new ddm 253173 wikitext text/x-wiki <includeonly>{{#switch: {{#time: Y-m}} | 2026-05 = {{#switch:{{{1}}}|ddm=Cusco|img=Cuzco (esvoy banner 2).jpg|texto=La que alguna vez fue capital del Imperio Inca es ahora Patrimonio de la Humanidad. Es una de las ciudades más visitadas del Perú, desde donde los turistas suelen iniciar sus visitas a Machu Picchu, el Valle Sagrado y otros sitios incaicos.}} | 2026-06 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-07 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-08 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-09 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-10 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-11 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-12 = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | #default = {{#switch:{{{1}}}|ddm=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} }}</includeonly><noinclude> {{#switch:{{{1}}}|ddm=|img=|texto=}} [[Categoría:Plantillas:Plantillas en portada]] </noinclude> hdfqfsby1kkygazjuddjbq442ywsudy 0 15633 253196 251560 2026-05-14T01:43:01Z ElGuruCesar 3950 +contenido por conocimiento local 253196 wikitext text/x-wiki {{top|Paisaje de La Cumbrecita.JPG|intro= '''[https://www.lacumbrecita.gob.ar/ La Cumbrecita]''' es un pequeño pueblo peatonal ubicado en las Sierras Grandes de la [[Provincia de Córdoba (Argentina)|provincia de Córdoba]], [[Argentina]]. Situado a 1450 m sobre el nivel del mar, destaca por su aire puro, arquitectura de inspiración centroeuropea, bosques, ríos cristalinos y cascadas, siendo un destino ideal para quienes buscan naturaleza, tranquilidad y actividades al aire libre. Su ritmo pausado y la inexistencia de automóviles dentro del pueblo lo convierten en un lugar singular dentro del turismo argentino.}} == Comprender == [[Archivo:Entrada_a_La_Cumbrecita.jpg|miniaturadeimagen|268x268px|Entrada a La Cumbrecita]] La Cumbrecita fue fundada en 1934 por inmigrantes alemanes, quienes imprimieron al lugar caracteres arquitectónicos y culturales propios de la región de Baviera, como casas alpinas, bosques con especies como pinos, cedros y abedules, y tradiciones gastronómicas centroeuropeas. La localidad se encuentra dentro de una reserva natural, por lo que está estrictamente prohibido cazar y dañar flora o fauna. === Clima === Debido a su altitud, el clima es templado en verano y puede ser frío por la noche incluso en estaciones cálidas. Las mejores épocas para visitar son primavera y otoño, cuando las temperaturas son agradables y las caminatas más cómodas. == Llegar == === En auto === Se accede por la Ruta Provincial 5 o la Ruta Provincial 109 desde la ciudad de Córdoba, recorriendo aproximadamente 118 km. El estacionamiento está en la entrada del pueblo, ya que dentro de La Cumbrecita no circulan automóviles. Cobran $10000 por auto para acceder al pueblo. Desde donde dejas el auto tienes que bajar y luego subir para regresar 800 mts hasta la entrada del pueblo. ''(Enero de 2025)''. === En colectivo === No hay colectivos directos desde Córdoba capital. Según el ente de Turismo de la Provincia de Córdoba, se deberá realizar en dos tramos: primero, Córdoba-Villa General Belgrano y luego Villa General Belgrano-La Cumbrecita. Este último lo suele realizar la [https://www.lumasaviajes.com/ empresa Pájaro Blanco]; tiene una duración de 1 hora desde VGB y un costo para mayo de 2026 de $10500 pesos argentinos por persona. En total lleva unas tres horas desde la Córdoba. Hay que tomar en cuenta que la empresa no trabaja algunos feriados nacionales; es aconsejable consultar previo a la fecha del viaje. Debes considerar planificar horarios de regreso, ya que la frecuencia puede ser limitada. === En remix o taxi === Desde Villa General Belgrano y Santa Rosa de Calamuchita, hay servicios de remises y taxis que te pueden llevar hasta La Cumbrecita; este medio puede ser más práctico si los gastos son compartidos entre los pasajeros. == Desplazarse == [[Archivo:Iglesia_de_La_Cumbrecita.jpg|miniaturadeimagen|338x338px|Capilla la Cumbrecita]] La Cumbrecita es un pueblo peatonal, lo que significa que todos sus circuitos internos están diseñados para ser recorridos a pie. Debido a la topografía montañosa y las características naturales del lugar, es fundamental contar con calzado adecuado para recorrer los caminos y senderos de manera segura y cómoda. Adicionalmente, llevar agua, abrigo y protector solar. == Ver == {{Mapframe|-31.900|-64.773|zoom=14|height=300|width=300}} *{{Ver |nombre=Capilla la Cumbrecita|lat=-31.89465368659856|long=-64.77608422913035 |descripción=Construida en 1967 por Helmut Cabjolsky, pionero de La Cumbrecita, esta capilla fue diseñada para estar abierta a todos los credos. Se construyó con materiales de la región, respetando el entorno natural |imagen=Iglesia_de_La_Cumbrecita.jpg }} * {{Ver |nombre=Cascada Grande |lat=-31.889749228232457|long=-64.77996067613243|descripción=Un salto de agua que refleja la majestuosidad de la naturaleza. Este rincón es ideal para descansar y contemplar las sierras cordobesas.}} *{{Ver |nombre=La Olla|lat=-31.891617433710074|long=-64.77624199921577 |descripción=Ubicada en un bosque de coníferas, esta pileta natural se forma gracias a un salto de agua que desciende por las laderas de las sierras. Es uno de los destinos favoritos durante el verano, donde podras bañarte si no esta frio. |imagen=Archivo:La olla La Cumbrecita.jpg }} *{{Ver |nombre=El Lago de Los Patos|lat=|long= |descripción= }} * {{Ver |nombre=Camino del Bosque |lat=|long=|descripción=Este recorrido se caracteriza por su ecosistema húmedo, sin exposición directa al sol. Las vertientes naturales han permitido el desarrollo de diversas especies vegetales.}} * {{Ver |nombre=Río del Medio |lat=|long=|descripción=Proveniente de las altas cumbres de las Sierras Grandes, este río atraviesa La Cumbrecita, revitalizando todo a su paso, ofrece vistas y sonidos relajantes.}} * {{Ver |nombre=La Pampita |lat=|long=|descripción=Un paisaje original, casi desprovisto de vegetación, donde predominan el cielo y las montañas, tal como lo encontraron los primeros pioneros.}} * {{Ver |nombre=Calle Oscura |lat=|long=|descripción=Un túnel natural de árboles que alberga algunos de los primeros pinos plantados en La Cumbrecita. Este lugar también incluye una de las primeras construcciones del pueblo.}} * {{Ver |nombre=La Fuente |lat=|long=|descripción=Construida por Helmut Cabjolsky en madera y coronada con una campana, fue un obsequio a su padre, fundador del pueblo.}} * {{Ver |nombre=Plaza de los Pioneros |lat=-31.895720528530227|long=-64.77598950807354|descripción=Un espacio dedicado a homenajear a los primeros habitantes que diseñaron el acceso al lugar y comenzaron la forestación del pueblo.}} * {{Ver |nombre=Cerro Wank |lat=-31.886528759099857|long=-64.77820081338449|descripción=Ofrece una vista panorámica excepcional del valle, permitiendo apreciar La Cumbrecita y las Sierras Grandes desde las alturas.|wikidata=Q138381150}} * {{Ver|nombre=Puente de Ingreso|lat=-31.89982396853695|long=-64.77325402641499|descripción=El acceso al pueblo se realiza a través de un puente de madera, el primero de muchos construidos por Helmut Cabjolsky, destacando su estilo único y artesanal. Si te quedas en el pueblo, excelente punto para apreciar el atardecer.}} *{{Ver |nombre=Bosque de abedules|descripción=Senderos entre árboles nativos de aspecto alpino}} *{{Ver |nombre=Escultura del Pescador|lat=-31.892485208582144|long=-64.77534893392229 |descripción= }} == Hacer == ===Actividades=== * {{hacer | name=Arborismo & Tirolesa | alt=Desplazamiento entre árboles y tirolesa | url= | email= | address= | lat= | long= | directions= | phone= | tollfree= | hours= | price= | content=El arborismo consiste en desplazarse entre las copas de los árboles, mientras que la tirolesa implica deslizamientos colgantes a través de un cable suspendido. Actividad divertida y emocionante para todas las edades. }} * {{hacer | name=Cabalgatas | alt=Cabalgatas en el pueblo y la sierra | url= | email= | address= | lat= | long= | directions= | phone= | tollfree= | hours= | price= | content=Disfrutá de paseos tranquilos por las calles del pueblo o aventurate a explorar la inmensidad de las sierras a caballo. Una experiencia única para conectar con la naturaleza. }} * {{hacer | name=Pesca | alt=Pesca de trucha arco iris | url= | email= | address= | lat= | long= | directions= | phone= | tollfree= | hours= | price= | content=Las aguas puras y frescas de los ríos y arroyos de La Cumbrecita son ideales para la pesca de trucha arco iris. Una actividad perfecta para disfrutar de la tranquilidad y el contacto con la naturaleza. }} === Senderos y excursiones=== Como pueblo peatonal, La Cumbrecita invita a recorrer sus senderos. Hay opciones de dificultad moderada y fácil, ideales para realizar de forma individual o en familia. * {{hacer|name=Casco Histórico|alt=Sendero por el casco histórico|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=Este recorrido de dificultad moderada permite conocer el casco histórico de La Cumbrecita, con su encanto arquitectónico y cultural. Tienen una distancia de 2.43 km y se puede recorrer en 35 minutos.}} * {{hacer|name=Arroyo Las Mojarras|alt=Sendero junto al arroyo|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=De dificultad moderada, este sendero inicia en el sector conocido como La Pampita y sigue en dirección sur, ofreciendo un paisaje único a lo largo del arroyo. Tienen una distancia de 2.39 km y se puede recorrer en 30 minutos.}} * {{hacer|name=Cascada Grande|alt=Sendero Cascada Grande|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=Un sendero moderado que transcurre en ascenso por un bosque de pinos hasta llegar a la imponente Cascada Grande. Donde podras bañarte, si la temperatura del agua lo permite. Tienen una distancia de 470 m y se puede recorrer en 10 minutos. No recomendados para adultos mayores o niños.}} * {{hacer|name=Cerro Cristal|alt=Ascenso al Cerro Cristal|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=La senda de dificultad moderada inicia frente a las Cabañas Río Manso y rodea el Cerro Cristal, llevando al visitante a su cima con vistas espectaculares. Tienen una distancia de 1.6 km y se puede recorrer en 38 minutos.}} * {{hacer|name=Cerro Wank|alt=Ascenso al Cerro Wank|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=Este sendero moderado comienza en una pasarela de madera y conduce a la cima del Cerro Wank a unos 1620 metros, ofreciendo vistas panorámicas. Tienen una distancia de 4 km entre ida y vuelta, se puede recorrer en 49 minutos.}} * {{hacer|name=Costa Norte|alt=Sendero Costa Norte|url=|email=|address=|lat=|long=|directions=Margen del Río del Medio hacia el norte|phone=|tollfree=|hours=|price=|content=De dificultad moderada, este sendero inicia cruzando el Puente de Ingreso a La Cumbrecita y sigue por la costa norte del río. Tienen una distancia de 400 m y se puede recorrer en 6 minutos.}} * {{hacer|name=Costa Sur|alt=Sendero Costa Sur|url=|email=|address=|lat=|long=|directions=|tollfree=|hours=|price=|content=Este recorrido moderado sigue la margen sur del Río del Medio, remontándolo aguas arriba. Tienen una distancia de 500 m y se puede recorrer en 10 minutos.}} * {{hacer|name=Lago de las Truchas|alt=Sendero Lago de las Truchas|url=|email=|address=|lat=|long=|directions=MArgen del Arroyo Almbach|phone=|tollfree=|hours=|price=|content=Un sendero fácil que inicia en el pórtico de ingreso al Lago de las Truchas y llega al lago tras un recorrido de unos 300 metros. Lindo lugar para sacar fotos.}} * {{hacer|name=Paseo de los Lagos|alt=Sendero Paseo de los Lagos|url=|email=|address=|lat=|long=|directions=Debes gestinar la Entrada desde el Centro Civico|phone=|tollfree=|hours=|price=|content=Este sendero moderado comienza dentro del Parque de Aventura Peñón del Águila y lleva al Refugio de Gambrinus. Tienen una distancia de 2.5 km y se puede recorrer en 68 minutos.}} * {{hacer|name=Paseo Alto|alt=Sendero Paseo Alto|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=De dificultad moderada, este recorrido conduce a los miradores del Indio y del Peñal, ofreciendo vistas espectaculares del paisaje serrano, donde es posible observar el Cerro Cristal. Tienen una distancia de 1.4 km y se puede recorrer en 90 minutos.}} * {{hacer|name=Pozo de las Cabras|alt=Sendero Pozo de las Cabras|url=|email=|address=|lat=|long=|directions=|phone=|tollfree=|hours=|price=|content=Este sendero moderado comparte su inicio con el camino al Cerro Cristal, llevándote a una formación natural conocida como Pozo de las Cabras. Tienen una distancia de 0.9 km y se puede recorrer en 22 minutos. Tomar precaución debido a que el sendero no cuenta con señalización.}} Algunos senderos, como el que sube al Cerro Wank pueden tomar medio día o más, dependiendo del ritmo. Existen otros senderos con tramos más largos, desde la página de Wikiloc podrás descargar algunos ejemplos. Tomar en cuenta que algunos senderos pueden pasar por propiedades privadas. === Actividades de aventura – Peñón del Águila === {{hacer | name=El Parque Temático Peñón del Águila – Aventura Alpina|url=https://penondelaguila.com.ar/parque/actividades/?utm_source=wikivoyage.org|content=Una de las mayores novedades turísticas de la zona, es un parque de aventura en medio de la naturaleza que ofrece actividades para todas las edades y niveles de adrenalina.|lat=-31.891651730750073|long=-64.76719775979599}} '''Actividades principales:''' * Reserva natural autoguiada: senderismo con cartillas interpretativas y puentes colgantes. * Vuelo del Águila: tirolesa de aproximadamente 750 m cruzando ríos y montañas. * Salto del Águila: Salto al vacío desde una plataforma de 15 mts con vistas espectaculares. * Vía ferrata: recorrido vertical por paredes rocosas con seguridad. * Arborismo y tirolesas infantiles: circuitos entre árboles. Además, el parque suele ofrecer un show teatral al atardecer con música y humor llamado Gambrinus el Rey de la Cerveza, ideal para familias y parejas. == Comprar == En La Cumbrecita no hay bancos ni cajeros automáticos, por lo que se recomienda llevar suficiente efectivo para cubrir los gastos durante la estadía. Además, no dispone de estaciones de servicio, así que es importante cargar combustible antes de llegar al pueblo. * {{Comprar|nombre=La Pampita - Almacén Artesanal|tlf=+54 9 3546 436968|descripción=Para llevar un lindo recuerdo o suvenir de La Cumbrecita, tienen alfajores, cervezas artesanales.|lat=-31.898854693540216|long=-64.77348339977297}} No existen grandes supermercados. Sin embargo, pueden encontrar minimercados que ofrecen panificación, víveres, fiambres y carnicería. * {{Comprar|nombre=Mercado El Rancho| lat = -31.899029782447318 | long = -64.77305031804437 | descripción = Almacén, verdulería, víveres, fiambrería y carniceria.}} * {{Comprar|nombre=Mercado El Servus| lat = | long = | descripción = Almacén, verdulería, panadería, víveres. Recomiendan probar los panes rellenos.}} En La Cumbrecita existe la ''Panadería y panificación Villa'', donde podrás conseguir panes. == Comer == La gastronomía de La Cumbrecita tiene fuerte influencia alemana y centroeuropea. Es habitual encontrar platos como goulash con spätzle, salchichas, trucha ahumada, tortas y cervezas artesanales, además de casas de té con variedad de infusiones y repostería típica. Para verano de 2026, los precios por platos para una persona varian en $17000-$25000 pesos. * {{Comer | nombre = Café Bar Suizo | precio = | lat = -31.898876951990292 | long = -64.77323954857506 | indicaciones = | descripción = Unos de los sitios más conocido en La Cumbrecita. Fundado en 1969, donde el plato estrelle es el Goulash con spaetzle. }} * {{Comer | nombre = Helmut Bar | lat = -31.898463963418617 | long = -64.77311464477418 | descripción = Fue la casa del fundador de La Cumbrecita. Tiene una terraza fascinante con vista al río. }} * {{Comer | nombre = Restaurante la Colina | url = https://www.suitesdelacolina.com/ | tlf = +54 3546 481063 }} * {{Comer | nombre = Cucu Haus Restaurante | precio = Entre ARS$17000 - ARS$$22000 por plato. | lat = -31.89940200929226 | long = -64.77336386637289 | indicaciones = A 20 metros del puente de acceso principal. | descripción = Unos de los sitios más emblematicos de La Cumbrecita, por si reloj central. Ofrece pizzas y pastas. }} * {{Comer | nombre = El Pazo restaurant | lat = -31.89730250834408 | long = -64.77478825813947 | descripción = Ofrece platos con trucha y goulash. Tienen una terraza con vista al bosque. }} * {{Comer | nombre = La Costa | precio = A partir de $ 24.000 pesos. | horario = De 12 a 16 y de 20 a 22:30. Jueves cerrado. | descripción = Especialidad en pizza. | lastedit = 2026-04-01 }} === Parrilla === * {{Comer | nombre = Parrilla El Puente | indicaciones = cerca del puente de ingreso | tlf = 03546407986 | precio = A partir de $19.000 | horario = Abren viernes, sábado y domingo por la noche. | lastedit = 2026-04-01 }} * {{Comer | nombre = Sabores argentinos | descripción = ofrecen chivito. Parrilla para compartir a partir de $60.000. | lastedit = 2026-04-01 }} === Cafeterías === * {{Comer | nombre = EIN KAFFEE | lat = -31.89912391670486 | long = -64.77315921409682 | descripción = Ofrecen pastas, pizzas, strudel de manzana. Cerveza artesanal. Tabla alemana para compartir. }} * {{Comer | nombre = Edelweiss | descripción = Cafetería, casa de té, con delicias alemanas, como el kurt, lore y el Maultascheb. Recomendación del lugar:empanadas de frambuesa. | lastedit = 2026-04-01 }} * {{Comer | nombre = Max und Moritz | url= https://www.canva.com/design/DAGAzBcc1-c/xBbTvzQoyN2rmqndAJAYZQ/view | descripción = Puedes comer goulash, sándwich Catalina, copa patagónica. | lastedit = 2026-04-01 }} * {{Comer | nombre = Confitería Liesbeth | indicaciones = Al lado de Edelweiss. }} == Beber == * La {{Beber|nombre=cerveza Wildermann| lat = -31.898482384762733| long =-64.77308995912134| directions=La ubicas al lado del Helmut Bar|descripción=Se elabora se forma artesanal}}. * Magoya. Otra cervecería artesanal que se localiza en La Cumbrecita; ofrece una variedad tipo honey y versiones con frutos rojos. == Dormir == La oferta de alojamiento es variada: cabañas en bosque, hoteles alpinos, hosterías y opciones familiares. En el entorno del parque Peñón del Águila también hay cabañas con acceso directo a las actividades de aventura. * {{Dormir|nombre=Solares Cumbrecita Hotel & Apart|precio=ARS$ 35000 p/ noche|url=http://www.solarescumbrecita.com.ar/|tlf=0354-6530572|hora_entrada=14:00|hora_salida=10:00|lat=-31.897804975694253|long=-64.77473323171564}} * {{Dormir|nombre=Cucu Haus Hostel|tlf=0354-6569517|hora_entrada=15:00|descripción=unos de los alojamientos más pintorescos de La Cumbrecita, por su arquitectura.}}[[Archivo:Hotel_in_La_Cumbrecita.jpg|miniaturadeimagen|267x267px|Hotel La Cumbrecita]] * {{Dormir|nombre=Hotel Las Cascadas|url=http://www.cascadashotel.com.ar/|tlf=0354-6481015|hora_salida=11:00}} * {{Dormir|nombre=Cabañas Rio Manso|url=http://www.riomanso.com/|tlf=0354-615436826|lat=-31.901258347797736|long=-64.77694740330347}} * {{Dormir|nombre=Planeta Cumbrecita Hostel|descripción=Tipo hostal, cue3nta con servicio de internet.|url=https://hostelcumbrecita.com/|tlf=0354-615.419.581|lat=-31.896797471498143|long=-64.77637645276461}} * {{Dormir|nombre=Cabañas Doña Josefa|url=|tlf=| indicaciones = Aproximadamente a unos 1.2km desde la terminal de colectivos o el puente de la entrada.|precio=A partir de ARS$80000 p/ noche.|descripción=Cabañas de madera para 2 o 3 personas, bien equipadas, con calentador central de agua. Al cruzar la calle, encuentras un almacén para abastecerte.|lastedit=2026-04-10|lat=-64.76773343098323|long=-31.896632653918342}} * {{Dormir|nombre=Hotel Las Cascadas|lat=-31.898194463072816|long=-64.7742196466372}} == Respetar == Respetar áreas naturales, no dejar basura y evitar bañarse en ríos después de lluvias fuertes. == Seguridad == La Cumbrecita cuenta con un destacamento policial para emergencias y bomberos voluntarios. Es posible que te llegues a encontrar con algun zorro, es aconsajeble solo mirarlos y evitar la interacción. No suelen agredir a las personas. == Salud == * {{listado|nombre=Dispensario Dr. Agustin Caeiro|alt=|url=https://vecinos.lacumbrecita.gob.ar/dispensario.php|imagen=|teléfono=+54 3546 481157|email=dispensario@lacumbrecita.gob.ar|descripción=Dra. Sonia Gonzalez / Dra. Nancy Taborda|horario=consultar|dirección=Paseo Cabjolsky s/n}} En el centro del pueblo hay una farmacia. Debido a la amplitud térmica de la región, es necesario contar con abrigo, protector solar y lentes de sol para disfrutar de las actividades al aire libre sin inconvenientes. == Próximo destino == * [[Villa General Belgrano]] {{estado artículo|tipo=ciudad|calidad=útil}} {{geo|-31.89908497357273|-64.77319174977971|zoom=7}} {{EstáEn|Provincia de Córdoba (Argentina)}} [[Categoría:Provincia de Córdoba]] i1xjteqdygwhmols8naodr6xkdfzzwo 4 16437 253104 253053 2026-05-13T12:01:55Z Jembot 2355 Bot: Actualizando ranking 253104 wikitext text/x-wiki {{/begin|15}} |- | 1 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:87}}]] |- | 2 || [[User:Luxbane|Luxbane]] || [[Special:Contributions/Luxbane|{{formatnum:33}}]] |- | 3 || [[User:Lord Ravager|Lord Ravager]] || [[Special:Contributions/Lord Ravager|{{formatnum:32}}]] |- | 4 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:31}}]] |- | 5 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:23}}]] |- | 6 || [[User:GiaDavi|GiaDavi]] || [[Special:Contributions/GiaDavi|{{formatnum:14}}]] |- | 7 || [[User:Duar srs|Duar srs]] || [[Special:Contributions/Duar srs|{{formatnum:9}}]] |- | 8 || [[User:~2026-22938-76|~2026-22938-76]] || [[Special:Contributions/~2026-22938-76|{{formatnum:8}}]] |- | 9 || [[User:Ansocal|Ansocal]] || [[Special:Contributions/Ansocal|{{formatnum:6}}]] |- | 10 || [[User:~2026-25119-66|~2026-25119-66]] || [[Special:Contributions/~2026-25119-66|{{formatnum:5}}]] |- | 11 || [[User:Maralapo|Maralapo]] || [[Special:Contributions/Maralapo|{{formatnum:4}}]] |- | 12 || [[User:ElPabloRN|ElPabloRN]] || [[Special:Contributions/ElPabloRN|{{formatnum:4}}]] |- | 13 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:4}}]] |- | 14 || [[User:Nolealess|Nolealess]] || [[Special:Contributions/Nolealess|{{formatnum:4}}]] |- | 15 || [[User:CalifaPurpura|CalifaPurpura]] || [[Special:Contributions/CalifaPurpura|{{formatnum:4}}]] {{/end}} 4kxpcx429zh3yeg5slhy84glsis5l0o 0 16544 253157 251722 2026-05-13T23:49:15Z Luxbane 30785 Eliminada la [[Categoría:Turismo ufológico]] (usando [[w:en:Wikipedia:HotCat|HotCat]]) 253157 wikitext text/x-wiki {{top|intro= '''Rachel''' es un pueblo del condado de Lincoln, [[Nevada]]. Es famoso por ser el lugar más cercano al campo de tiro de la Fuerza Aérea de Nellis y al [[w:Área 51|Área 51]], donde se encuentra la fábrica de Lockheed-Martin y donde se desarrollaron el bombardero y el caza furtivos y el avión espía U-2. El pueblo además, es motivo de atracción para los aficionados al [[turismo ufológico]], acudiendo unos 55.000 turistas al año.}}{{mapframe}} == Comprender == Rachel es una localidad rural no incorporada de Nevada situada junto a la carretera estatal 375 de Nevada (también conocida como la "Carretera Extraterrestre"). La temática que rodea a la ciudad es extraterrestre/espacial, debido a la proximidad de Rachel al campo de aviación Nellis y al Área 51, lo cual hace que esté considerada la "capital mundial OVNI". Sin embargo, no hay mucho que hacer en los alrededores de la pequeña ciudad, aunque disfruta de cierto turismo de personas interesadas en los ovnis, los extraterrestres y la aviación. === Clima === Rachel tiene un clima árido frío (BWk) según la [[w:Clasificación_climática_de_Köppen|clasificación climática de Köppen]], con inviernos fríos, veranos cálidos y una gran variación térmica diurna. La temperatura máxima media anual es de 20,3 °C, mientras que la temperatura mínima media anual es de 0,3 °C. Rachel recibe 139 mm de precipitaciones, con un clima seco como el del resto de la Gran Cuenca. Julio, el mes más lluvioso, recibe 21 mm de precipitaciones de media. Septiembre, el mes más seco, recibe una media de 7,4 mm de precipitaciones. Rachel registra algunas nevadas todos los años.{{Clima|enemaxreg=|febmaxreg=|marmaxreg=|abrmaxreg=|maymaxreg=|junmaxreg=|julmaxreg=|agomaxreg=|sepmaxreg=|octmaxreg=|novmaxreg=|dicmaxreg=|enemax=7,8|febmax=11,2|marmax=15,3|abrmax=18,5|maymax=24,8|junmax=29'4|julmax=33,2|agomax=32,1|sepmax=28,2|octmax=21,4|novmax=13,8|dicmax=8,2|enemin=-9,8|febmin=-6,6|marmin=-3,7|abrmin=-0,4|maymin=4,4|junmin=8,6|julmin=12,1|agomin=10,8|sepmin=5,3|octmin=-0,8|novmin=-5,9|dicmin=-9,9|eneminreg=|febminreg=|marminreg=|abrminreg=|mayminreg=|junminreg=|julminreg=|agominreg=|sepminreg=|octminreg=|novminreg=|dicminreg=|eneprecip=8,4|febprecip=19|marprecip=10|abrprecip=13|mayprecip=7,9|junprecip=8,9|julprecip=21|agoprecip=12|sepprecip=7,4|octprecip=11|novprecip=12|dicprecip=9,1|enesol=|febsol=|marsol=|abrsol=|maysol=|junsol=|julsol=|agosol=|sepsol=|octsol=|novsol=|dicsol=|descripción=}} == Llegar == [[Archivo:Extraterrestrial_Highway_coming_into_Rachel,_NV_-_panoramio.jpg|miniaturadeimagen|Autovía Extraterrestre llegando a Rachel]] === En coche === Rachel está a 3 horas al norte de [[Las Vegas]] por la carretera 375 de Nevada (Autopista Extraterrestre). == Ver == [[Archivo:ID4timecapsule.jpg|miniaturadeimagen|Cápsula del tiempo de Rachel en homenaje a "Indepedence Day"]] Los principales atractivos de Rachel son su cercanía al Área 51, haciendo de la localidad de un lugar de paso obligado a quienes tienen la curiosidad de acercarse a la base militar. El paisaje desértico y desolado que envuelve la la población es otro de sus grandes atractivos. En la propia localidad no hay muchas atracciones turísticas. Había un gran logotipo de Kentucky Fried Chicken (KFC) en el suelo, en la parte norte de la ciudad, que afirmaba ser el primer logotipo visto desde el espacio exterior. A finales de la década de 1990, el investigador de ovnis Glenn Campbell dirigió un centro de investigación del Área 51, pero ahora está cerrado. Hay un motel. * {{listado|nombre=Señales de la Ruta Extraterrestre|tipo=artwork|descripción=Las señales de la Ruta 375, más conocidas como las señales de la Autopista Extraterrestre, destacan por las marcas colocadas por los turistas, los símbolos OVNI/F-117 Nighthawk y por no utilizar el tipo de letra Highway Gothic para el texto principal.}} [[Archivo:Rachel_Nevada.jpg|miniaturadeimagen|Señal de la Ruta Extraterrestre]] * {{listado|nombre=Buzón negro|alt=Buzón alien|tipo=attraction|lat=37.457|long=-115.482667|descripción=Situado en pleno desierto de Nevada, es un buzón aislado al que se le ha atribuido que pertenecía a alienígenas para recibir correspondencia. Realmente pertenece a un rancho situado a kilómetros del lugar, pero la leyenda provocó que numerosas personas dejasen mensajes, cartas, obsequios y todo tipo de objetos a los supuestos alienígenas. Tal fue el furor que el dueño del buzón, instaló otro con el objetivo de que ese fuese el buzón alienígena. Merece la pena visitarlo y observar el museo improvisado creado por los aficionados a la ufología.}} * {{listado|nombre=Placa histórica de Rachel|tipo=column|lat=37.643833|long=-115.739166|descripción=Placa que cuenta la historia de Rachel.}} * {{listado|nombre=Monumento a Indepence Day|tipo=monument|lat=37.64658440355367|long=-115.74591560818962|descripción=En 1996 se promocionó la película de Independece Day en Rachel, haciendo este monolito y una cápsula del tiempo en recuerdo a este evento.}} * {{listado|nombre=Área 51|tipo=monument|wikidata=Q177397|auto=y|descripción=Base militar estadounidense durante décadas secreta, es un foco de aficionados a la Ufología y de las conspiraciones. No se puede entrar, es delito federal.}} {{metaplantilla de alertas de viaje|color-fondo=bgcolor=FDF5E6|color-borde=|imagen=Exclama noback1.png|imagen-tamaño=40x40px|imagen-enlace=|imagen-alt=|título='''AVISO'''|título-estilo=|texto=Varias señales cercanas a los límites del Área 51 también se han convertido en atracciones turísticas, aunque están vigiladas por cámaras, guardias armados y aviones. Hay guardias apostados cerca de estos lugares para asegurarse de que no intentas entrar en el Área 51, aunque es poco probable que te impidan ver estas señales.|infoad-título=|infoad-texto=|actualizado=}} == Hacer == [[Archivo:Little_A'Le'Inn_-_Rachel,_Nevada_(14222448874).jpg|miniaturadeimagen|Platillo volante colgando de una grúa]] Se puede recorrer Rachel a pie. El Little A'Le'Inn (un bar, restaurante y motel) en la carretera estatal 375 (Ruta de los Extraterrestres) es un destino popular entre los turistas. La cercanía al Área 51, solamente a 20 kilómetros, han hecho que Rachel sea un destino preferente para los amantes de la ufología y las conspiraciones, además de su ubicación en la zona con mayor '''avistamientos OVNI''' del país, más de 600 al año, por lo que empaparse del mundo OVNI e intentar avistar alguno por las noches en la zona es una idea magnífica. [[Archivo:2014-07-18_12_50_21_Steve_Medlin_mailbox_along_Nevada_State_Route_375_about_19.4_miles_north_of_Nevada_State_Route_318_in_Lincoln_County,_Nevada.JPG|miniaturadeimagen|200x200px|Buzón negro o buzón alien]] La zona es muy popular en el [[w:Geocaching|geocaching]] por lo que si eres aficionado a esta actividad, puedes disfrutar en este lugar. También hay leyendas de vaqueros fantasmas en los alrededores, por lo que los amantes de lo paranormal pueden investigar estos hechos. Hablar tanto como los locales como con los visitantes de ufología es ideal, ya que en pocos lugares del mundo va a ser un tema recurrente y habitual. Todos los lugareños creen en la existencia de extraterrestres y afirman ver diversos avistamientos a lo largo del año. La foto junto al platillo volante colgado de la grúa es imprescindible. == Dormir == [[Archivo:2014-07-18_13_16_09_Little_A'Le'Inn_restaurant,_bar_and_motel_along_Nevada_State_Route_375_in_Rachel,_Nevada.JPG|miniaturadeimagen|Little A'Le'Inn]]{{listado|nombre=Little A'Le'Inn|tipo=hotel|wikidata=Q6648832|auto=y|descripción=Dispone de tienda de regalos, bar y restaurante. Las habitaciones han sido mejoradas con microondas, pequeños frigoríficos, muebles nuevos, ropa de cama, aire acondicionado y otros tipos de mejoras. Admiten animales de compañía (con fianza) y ofrecen parcelas para autocaravanas y tiendas de campaña. Habitaciones desde 100 $, autocaravanas 30 $, tiendas 10 $. La "hamburguesa Alien" es la especialidad de la casa.}} * {{listado|nombre=Antigua Iglesia Baptista de Rachel|tipo=campsite|auto=y|lat=37.64190991394231|long=-115.74003235111086|descripción=Antigua Iglesia Baptista de la localidad que fue comprada y convertidos sus terrenos en un área de caravanas.}} == Comer y beber == == Comprar == * {{listado|nombre=Alien Cowpoke|tipo=shop|lat=37.64346017170127|long=-115.73950793728535|descripción=Gasolinera con tienda de regalos y souvenirs de temática alienígena.}} * {{listado|nombre=Centro de Investigación Alienígena|tipo=shop|url=https://www.alienresearchcenter.com/|dirección=100 NV-375, Hiko|indicaciones=35 millas al sur de Rachel|lat=37.53296|long=-115.24259|tlf=+1 775-725-3750|descripción=Tienda de souvenirs de temática extraterrestre y OVNI en un antiguo hangar. En la puerta hay una estatua gigante de un alienígena.}} == Seguridad == [[Archivo:Area51_gate.JPG|miniaturadeimagen|Carteles de advertencia en el Área 51]] Bajo ninguna circunstancia se te ocurra intentar entrar en el Área 51 si eres un civil no autorizado: se trata de una base militar de alta seguridad y los guardias están autorizados a utilizar la fuerza letal contra los intrusos. En cuanto a preocupaciones más mundanas, debe tener cuidado con la insolación y la deshidratación en el desierto. Debe tenerse en cuenta que zona de la Ruta Extraterrestre es muy aislada, y hay partes sin cobertura, así como muy pocas gasolineras, por lo que al desplazarse hacia Rachel debe irse con el depósito siempre lleno. == Arreglárselas == Dadas las circunstancias de aislamiento de Rachel, es recomendable llevar medicación de sobra para las personas que la necesiten, ya que las distancias aquí son muy lejanas. Por ello, también siempre hay que llevar el depósito lleno, ya que en los alrededores de Rachel no hay gasolineras en muchos kilómetros. Debe tenerse en cuenta la falta de cobertura en muchas zonas. Hay pocas plazas de alojamiento, por lo que se recomienda reservar con antelación, ya que puede llegarse y no encontrar ninguna, fundamentalmente si hay algún evento ufológico en marcha.{{estado artículo|tipo=ciudad|calidad=útil}}{{EstáEn|Nevada}} {{geo|37.646667|-115.745278|}} 73nwr87dqfu1w0gffnb3ke0fh5eomyp 0 16547 253158 212485 2026-05-13T23:49:53Z Luxbane 30785 Eliminada la [[Categoría:Turismo ufológico]] (usando [[w:en:Wikipedia:HotCat|HotCat]]) 253158 wikitext text/x-wiki {{pagebanner}} {{mapframe}} '''Wycliffe Well''' es un pequeño asentamiento de la región de Barkly, en el Territorio del Norte de Australia. Suele visitarse como parada en la carretera entre Tennant Creek y [[Alice Springs]]. ==Comprender== Aunque Wycliffe Well sólo tiene unos pocos habitantes permanentes, muchos viajeros no pueden perdérselo mientras conducen por la Stuart Highway desde o hacia el Red Centre. En Australia, un pequeño asentamiento como éste se conoce como un bar de carretera, una parada de servicio para repostar, comer y alojarse en los largos trayectos por el Outback. El origen del asentamiento fue el de servir de abastacemiento a la ruta de carretera, por lo que se construyó el pozo en la década de 1930, para surtir de verduras también a los visitantes. Pero Wycliffe Well no es un bar de carretera más: es la autoproclamada '''Capital OVNI de Australia'''. Según su propio folleto, "los avistamientos de ovnis son tan frecuentes que, si te quedas despierto toda la noche mirando, se te consideraría desafortunado por no ver nada, en lugar de afortunado por ver algo". El restaurante local está lleno de recortes de periódicos e imágenes para persuadir a los visitantes escépticos. Para lo remoto de su ubicación, llama la atención que también presuma de tener una de las mayores selecciones de cerveza del Territorio del Norte. ===Clima=== Los veranos en Wycliffe Well son conocidos por su intenso calor. Las temperaturas pueden rondar los 35°C durante el día y los 21°C por la noche. Afortunadamente, todas las habitaciones tienen aire acondicionado. Los inviernos son más llevaderos, con temperaturas diurnas en torno a los 20°C, pero no refrescan mucho por la noche, con temperaturas que rondan los 15°C. == Llegar == [[Archivo:UFO Landing Site.jpg|Cartel cercano a Wycliffe Wells de zona de aterrizaje de OVNIs|miniaturadeimagen]] === En coche === Hay dos formas de llegar: desde el norte o desde el sur por la autopista Stuart Highway. Por el norte se llega desde Tennant Creek, mientras que por el sur se llega desde Alice Springs, en el Red Centre. === Autobús === Es posible llegar en autobús desde dos destinos a través de la compañía [https://www.greyhound.com.au/ Greyhound Australia], que ofrecen viajes a diario: * [[Alice Springs]]: sale a las 7:30PM para llegar unas 5 horas más tarde a Wycliffe Well. * [[Darwin]]: el autobús sale exactamente a mediodía, pasa por Katherine a las 5:25PM y llega a Wycliffe Well sobre las 4:45AM. == Ver == [[Archivo:Wycliffe well - panoramio - AwOiSoAk KaOsIoWa.jpg|miniaturadeimagen|Decoración alienígena]] La cantidad avistamientos que OVNI que se producen en el lugar, la han consagrado como la mejor opción para ver ovnis en Australia. De hecho, según The Sun Herald, ocupa el quinto lugar en cuanto a actividad OVNI registrada en todo el mundo, con una media de un avistamiento cada dos días. Todo empezó durante la Segunda Guerra Mundial, cuando los militares que se alojaban en Wycliffe Well anotaban en un viejo libro encuadernado los objetos no identificados que veían por la noche. Este libro solía estar en el mostrador del restaurante local a la vista de todos, pero fue robado. Desde entonces se conserva un nuevo libro que incluye posibles avistamientos desde principios de los años noventa. Es bastante divertido hojear los registros llenos de detalles de los avistamientos reclamados. [[Archivo:Devils Marbles.jpg|miniaturadeimagen|Canicas del diablo]] Si se cansa de tantos encuentros con extraterrestres, quizá quiera apreciar los impresionantes amaneceres y atardeceres. El cielo del Territorio del Norte es conocido en todo el mundo, y Wycliffe Well no es una excepción. Madrugue o trasnoche y podrá hacer hermosas fotos del sol. Debido a la escasa iluminación nocturna, podrá ver un número asombroso de estrellas en el cielo (aunque las luces delanteras de algún que otro tren de carretera podrían arruinarle la vista). Otro espectáculo es el Wycliffe Well Railway. Este tren de caña de azúcar, originario del estado de Victoria, se trasladó a Wycliffe Well en 1998. Cercana está reserva natural protegida Karlu Karlu, con formaciones geológicas de gran interés: * {{listado | nombre = Canicas del Diablo | alt = Karlu Karlu | tipo = rock | grupo = naturaleza | wikidata = Q194688 | auto = y | descripción = A poco más de 20 kilómetros del asentamiento se encuentran las Canicas del Diablo, dos enormes rocas de granito de forma esférica que se sostienen en un sorprendente equilibrio. Algunos ufólogos afirman que es obra extraterreste. }} == Hacer == [[Archivo:Wycliffe well - panoramio.jpg|miniaturadeimagen|Mural con decoración extraterrestre en el edificio del restaurante]] La observación de OVNIs y del cielo nocturno es el principal motivo para visitar el asentamiento. No obstante, si te cansas, tienes la opción de bañarte y '''nadar''' un poco: * {{listado | nombre = Lago waycliffe | tipo = sports | lat = -20.79208 | long = 134.23904 | descripción = Sólo hay 300 metros a pie desde el asentamiento hasta el cercano lago Wycliffe. Se trata de un lago de recreo artificial de 3 hectáreas que contiene unos 150 millones de litros de agua. }} Por otro lado, por el asentamiento es habitual encontrarse con '''aborígenes''', así que interactuar con ellos y aprender de su cultura es una idea interesante. La observación de aves es otra actividad muy interesante que se puede desarrollar en el lugar, ya que está rodeado de bosque seco australiano, que alberga una inmensa cantidad de especies. == Dormir == * {{listado | nombre = Parque de Vacaciones Wycliffe Well | tipo = hotel | url = https://wycliffewellholidaypark.com/ | lat = -20.79635 | long = 134.23483 | tlf = +61 8 8964 1966 | descripción = Está permitido acampar, ya que tienen unas cincuenta parcelas con electricidad por 26 $ y una cantidad prácticamente ilimitada de parcelas sin electricidad por 25 $. Hay barbacoas y lavadoras repartidas por los campings. Todas las habitaciones y parcelas tienen conexión Wi-Fi. }} == Comer == * {{listado | nombre = El Restaurante | tipo = restaurant | lat = -20.79529 | long = 134.23654 | precio = Entre 16-25 $ | lastedit = 2024-04-04 | descripción = Es bastante grande en comparación con el tamaño del asentamiento, tiene un total de 300 plazas para todos sus visitantes. Aquí se puede degustar un excelente cangrejo y otros mariscos, gracias a los lagos cercanos. }} == Beber y salir == El restaurante local de Wycliffe Well cuenta con una de las mayores selecciones de cerveza del Territorio del Norte: unas 300 marcas diferentes cuando está totalmente surtido. Pruebe algunas marcas que nunca haya probado y charle con los lugareños. La vida nocturna suele consistir en cantos country y western gratuitos, así que será mejor que prepare sus dotes de cantante mientras conduce hasta aquí... == Comprar == No hay mucho a la venta en Wycliffe Well más allá de todos los souvenirs relacionados con ovnis: este asentamiento existe básicamente para comprar artículos de primera necesidad. Así que llene su coche de gasolina, agua, comida y bebidas, porque aún le queda un largo camino por recorrer a través del Outback. == Conectarse == Todo el complejo tiene conexión Wifi, fuera de él hay zonas sin cobertura. == Arreglárselas == Debe tenerse en cuenta que el asentamiento está completamente aislado, por lo que no debe de irse sin él sin comprobar que el tanque está lleno de gasolina, ya que se puede quedar uno tirado en carretera sin combustible y hay muchas zonas sin cobertura. == Próximo destino == *[[Alice Springs]] {{estado artículo|tipo=ciudad|calidad=útil}} {{EstáEn|Territorio del Norte}} nlgybpt46pgx19s8qksazjje8xoy8q4 10 18295 253174 251661 2026-05-14T00:14:18Z Luxbane 30785 upd frt 253174 wikitext text/x-wiki <includeonly>{{#switch: {{#time: Y-m}} | 2026-05 = {{#switch:{{{1}}}|frt=Niue|img=Niue (esvoy banner).jpg|texto=Niue (Niuē) es una isla de Oceanía, situada entre Tonga y las Islas Cook, con unos 1,600 habitantes, siendo uno de los países menos poblados del mundo.}} | 2026-06 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-07 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-08 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-09 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-10 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-11 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-12 = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | #default = {{#switch:{{{1}}}|frt=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} }}</includeonly><noinclude> {{#switch:{{{1}}}|frt=|img=|texto=}} [[Categoría:Plantillas:Plantillas en portada]] </noinclude> 8kqx0f4zidfzcjkney14lanz2itycuq 10 18297 253169 251662 2026-05-13T23:58:41Z Luxbane 30785 upd new nvd 253169 wikitext text/x-wiki <includeonly>{{#switch: {{#time: Y-m}} | 2026-05 = {{#switch:{{{1}}}|nvd=Viajes de Año Sabático|img=Backpacks in Quebec (esvoy banner).jpg|texto=Un año sabático es una pausa prolongada que algunas personas toman en transiciones de vida, como entre estudios, entre estudios y trabajo, o entre carreras. Aunque no siempre dura un año, este período es habitual para quienes terminan la secundaria, retrasando un año su ingreso a la universidad. Estos principios también aplican a breves pausas, como un verano entre escuela y universidad o entre empleos.}} | 2026-06 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-07 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-08 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-09 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-10 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-11 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | 2026-12 = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} | #default = {{#switch:{{{1}}}|nvd=Acampar sin dejar rastro|img=A Room With a View (bannerportada esvoy).jpg|texto=Un enfoque cada vez más popular —y necesario— para los campistas cuyo objetivo es tener el menor impacto posible al medio ambiente. Uno de sus lemas es «Tomar solo fotos y dejar nada más que las huellas».}} }}</includeonly><noinclude> {{#switch:{{{1}}}|nvd=|img=|texto=}} [[Categoría:Plantillas:Plantillas en portada]] </noinclude> alqbat47scenhu38pku8dwv0e4rooy0 2 18363 253121 253096 2026-05-13T22:06:24Z Jsmura 5370 253121 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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; } .wvas-check-icon { 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } m4g09eqtnym219f23s9j87ai5vq1bye 253125 253121 2026-05-13T22:21:48Z Jsmura 5370 253125 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } blcdfaw935j5jy7ij7479ta7pb0vaj9 253128 253125 2026-05-13T22:32:09Z Jsmura 5370 253128 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .accordion-content{ display:none; } .accordion-content.active { display:block; } .acorddion-clicky, .acorddion-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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } bmn6smrh463mikre80or0d2raq6t2aa 253132 253128 2026-05-13T22:37:07Z Jsmura 5370 253132 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .accordion-content{ display:none; } .accordion-content.active { display:block; } .acorddion-clicky { position:absolute; inset:0; z-index:999; cursor:pointer; } /* ════════════════════════════════ 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } n0ono3zwp9nufvr79wvux0tpelk9ql5 253133 253132 2026-05-13T22:37:38Z Jsmura 5370 253133 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-wrapper{ position:relative; } .acorddion-clicky { position:absolute; inset:0; z-index:999; cursor:pointer; } /* ════════════════════════════════ 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } 1koe9798wn1t77tlwxn1uorja8oj07a 253134 253133 2026-05-13T22:39:07Z Jsmura 5370 253134 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-wrapper{ position:relative; } .acorddion-clicky{ position:absolute; top:0; left:0; width:100%; height:100%; z-index:999999; cursor:pointer; background:rgba(0,0,0,0); } /* ════════════════════════════════ 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } nd3gxgcd1sn6aoyqrbsfgqsdzdw6y20 253135 253134 2026-05-13T22:40:33Z Jsmura 5370 Se han deshecho 4 revisiones desde [[Special:Diff/253128|253128]] hasta [[Special:Diff/253134|253134]] 253135 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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: default; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } blcdfaw935j5jy7ij7479ta7pb0vaj9 253136 253135 2026-05-13T22:44:13Z Jsmura 5370 253136 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } foc30fzogixdwbrt77r33sigxayujrl 253137 253136 2026-05-13T22:52:58Z Jsmura 5370 253137 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (30% / 70%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 30% 70%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } rfscvs1ptd469satyw494s366npj3mt 253140 253137 2026-05-13T23:05:37Z Jsmura 5370 253140 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } 70z50yahvixooy40yn1dygxjwrkwov0 253142 253140 2026-05-13T23:17:41Z Jsmura 5370 253142 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ DOC SINTAXIS DE PLANTILLAS ════════════════════════════════ */ .wv-doc-wrap { background: #f5f7fa; border-radius: 12px; padding: 1.1rem 1.25rem; margin-bottom: 1rem; } .wv-doc-legend { display: flex; gap: 16px; margin-bottom: 10px; flex-wrap: wrap; } .wv-doc-leg { display: flex; align-items: center; gap: 5px; font-size: 12px; color: #667; } .wv-doc-dot { width: 9px; height: 9px; border-radius: 50%; } .wv-doc-leg.req .wv-doc-dot { background: #185FA5; } .wv-doc-leg.opt .wv-doc-dot { background: #3B6D11; } .wv-doc-block { background: #fff; border: 0.5px solid #dde6ef; border-radius: 8px; padding: 12px 16px; font-family: monospace; font-size: 13px; line-height: 2.1; color: #667; } .wv-doc-brace { color: #aaa; } .wv-doc-tname { color: #222; font-weight: 700; } .wv-doc-row { display: flex; align-items: center; gap: 0; flex-wrap: wrap; } .wv-doc-pipe { color: #bbb; margin-right: 3px; } .wv-doc-req .wv-doc-key { color: #185FA5; font-weight: 700; } .wv-doc-opt .wv-doc-key { color: #3B6D11; font-weight: 700; } .wv-doc-badge { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 700; padding: 1px 7px; border-radius: 4px; margin-left: 5px; font-family: sans-serif; line-height: 1.7; } .wv-doc-badge-req { background: #E6F1FB; color: #185FA5; } .wv-doc-badge-opt { background: #EAF3DE; color: #3B6D11; } .wv-doc-opts { display: inline-flex; gap: 4px; margin-left: 6px; flex-wrap: wrap; } .wv-doc-pill { background: #f0f2f5; border: 0.5px solid #c5d0dc; border-radius: 4px; font-size: 11px; padding: 0 6px; line-height: 1.9; color: #445; font-family: monospace; } 93w6eq5rrpv9kbme1ufqiaes883ptcz 253149 253142 2026-05-13T23:28:14Z Jsmura 5370 253149 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ DOC SINTAXIS DE PLANTILLAS ════════════════════════════════ */ .wv-doc-wrap { background: #f5f7fa; border-radius: 12px; padding: 1.1rem 1.25rem; margin-bottom: 1rem; } .wv-doc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .wv-doc-legend { display: flex; gap: 14px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #667; } .wv-doc-leg::before { content: ''; display: inline-block; width: 3px; height: 13px; border-radius: 2px; } .wv-doc-req-leg::before { background: #185FA5; } .wv-doc-opt-leg::before { background: #3B6D11; } .wv-doc-copy { display: flex; align-items: center; gap: 5px; font-size: 12px; background: #fff; border: 0.5px solid #c5d0dc; border-radius: 8px; padding: 4px 12px; cursor: pointer; color: #667; transition: background 0.15s; } .wv-doc-copy:hover { background: #eef2f6; } .wv-doc-block { background: #fff; border: 0.5px solid #dde6ef; border-radius: 8px; padding: 12px 16px; font-family: monospace; font-size: 13px; line-height: 2.1; user-select: all; } .wv-doc-row { display: flex; align-items: baseline; flex-wrap: wrap; border-left: 3px solid transparent; padding-left: 6px; margin-left: -9px; } .wv-doc-req { border-color: #185FA5; } .wv-doc-opt { border-color: #3B6D11; } .wv-doc-req .wv-doc-pkey { color: #185FA5; font-weight: 700; } .wv-doc-opt .wv-doc-pkey { color: #3B6D11; font-weight: 700; } .wv-doc-pipe { color: #bbb; margin-right: 2px; } 2g0vrtfmpy1bnl61n73mfh5urwp5tq5 253154 253149 2026-05-13T23:36:57Z Jsmura 5370 253154 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ DOC SINTAXIS DE PLANTILLAS ════════════════════════════════ */ .wv-doc-wrap { background: #f5f7fa; border-radius: 12px; padding: 1.1rem 1.25rem; margin-bottom: 1rem; } .wv-doc-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; flex-wrap: wrap; gap: 8px; } .wv-doc-legend { display: flex; gap: 14px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #667; } .wv-doc-leg::before { content: ''; display: inline-block; width: 3px; height: 13px; border-radius: 2px; } .wv-doc-req-leg::before { background: #A32D2D; } .wv-doc-opt-leg::before { background: #BA7517; } .wv-doc-copy { display: flex; align-items: center; gap: 5px; font-size: 12px; background: #fff; border: 0.5px solid #c5d0dc; border-radius: 8px; padding: 4px 12px; cursor: pointer; color: #667; transition: background 0.15s; } .wv-doc-copy:hover { background: #eef2f6; } .wv-doc-block { background: #fff; border: 0.5px solid #dde6ef; border-radius: 8px; padding: 12px 16px; font-family: monospace; font-size: 13px; line-height: 2.1; user-select: all; } .wv-doc-row { display: flex; align-items: baseline; flex-wrap: wrap; border-left: 3px solid transparent; padding-left: 6px; margin-left: -9px; } .wv-doc-req { border-color: #A32D2D; } .wv-doc-opt { border-color: #BA7517; } .wv-doc-req .wv-doc-pkey { color: #A32D2D; font-weight: 700; } .wv-doc-opt .wv-doc-pkey { color: #BA7517; font-weight: 700; } .wv-doc-pipe { color: #bbb; margin-right: 2px; } cca4zxl1el72rn3rezu6p1mgc5ldo3a 253165 253154 2026-05-13T23:53:09Z Jsmura 5370 253165 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Contenedor principal ── */ .wv-doc-wrap { max-width: 680px; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 14px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 6px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.85rem; color: #445; line-height: 1.65; margin: 0 0 6px; } .wv-doc-copy-hint { color: #667; font-size: 0.82rem; } .wv-doc-copy-hint strong { color: #334; font-weight: 700; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 16px; margin-bottom: 10px; flex-wrap: wrap; } .wv-doc-leg { display: flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 600; } .wv-doc-leg::before { content: ''; display: inline-block; width: 3px; height: 14px; border-radius: 2px; flex-shrink: 0; } .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; } /* ── Tarjeta de código ── */ .wv-doc-card { background: #fff; border: 0.5px solid #d8e4ef; border-radius: 12px; overflow: hidden; } /* ── Cabecera de la tarjeta ── */ .wv-doc-card-top { background: #f5f7fa; border-bottom: 0.5px solid #d8e4ef; padding: 8px 14px; display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; } .wv-doc-display-name { font-family: monospace; font-size: 13px; font-weight: 600; color: #003d5c; } .wv-doc-brace { color: #aab; font-weight: 400; } /* ── Botón copiar (span, ya que button no está permitido en MediaWiki) ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 600; cursor: pointer; color: #445; background: #fff; border: 0.5px solid #c5d0dc; border-radius: 7px; padding: 4px 11px; user-select: none; transition: background 0.15s, color 0.15s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #eef2f6; color: #003d5c; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 4px 0; } .wv-doc-row { display: flex; align-items: baseline; gap: 0; padding: 6px 14px; border-left: 3px solid transparent; font-family: monospace; font-size: 13px; line-height: 1.4; transition: background 0.12s; } .wv-doc-row:hover { background: #f5f7fa; } /* Colores por tipo */ .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: #aab; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #778; font-size: 12px; white-space: nowrap; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #e8eef4; padding: 8px 14px; display: flex; flex-direction: column; gap: 4px; } .wv-doc-nota { font-size: 12px; color: #889; line-height: 1.5; } .wv-doc-nota::before { content: '→ '; color: #aab; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-card-top { flex-direction: column; align-items: flex-start; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } aspnmzyasksmjnpy9n6f5snet47qhje 253203 253165 2026-05-14T04:06:58Z Jsmura 5370 253203 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════════════════════════════ 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-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; } .wv-doc-nota::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; } } f838fqdvll777zi0wiaphp16wr07vik 253208 253203 2026-05-14T04:50:47Z Jsmura 5370 253208 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; } /* ════════════════════════════════ 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 Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .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-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .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; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { 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; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla 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; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla 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 GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .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); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .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; } .wvas-subtipo-tabla { 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: 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); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-wrap { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .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; } /* ── RESPONSIVE ── */ @media (max-width: 700px) { .sp-wrap { 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: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════════════════════════════ 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; } .wv-doc-nota::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; } } 521zyzg3wy60ldpjms3fuw7bqtky1py 0 18383 253175 252941 2026-05-14T00:18:17Z Luxbane 30785 /* Llegar */ 253175 wikitext text/x-wiki {{top |intro=Skippack Village se encuentra en el condado de Montgomery, en el estado de Pensilvania, Estados Unidos. Es un pueblecito encantador repleto de boutiques, tiendas, restaurantes y un precioso hotel rústico italiano. Ideal para una excursión de un día o una escapada de fin de semana, y cerca de Filadelfia, King of Prussia y otras ciudades, pero sin el bullicio de la gran urbe. }} == Llegar == [[Archivo:Skippack Pike 4039, Skippack Village.JPG|miniaturadeimagen|Shippack Pike]] El pueblo de Skippack se encuentra en el corazón del condado de Montgomery. Está justo al lado de la Ruta 476 (la Ruta Azul) y es de fácil acceso desde el Aeropuerto Internacional de Filadelfia. Se encuentra a unos 45 minutos en coche del aeropuerto, sin tráfico, y está ubicado en la Ruta 73. Si los viajeros planean volar a Filadelfia, existen muchas opciones de transporte para llegar a Skippack, como alquiler de coches y taxis. El hotel donde se hospedan estará encantado de organizar un servicio de recogida en el aeropuerto, la estación de tren o cualquier otro lugar donde se necesite transporte adicional. == Desplazarse == Para recorrer Skippack Village, ¡solo necesitas caminar! Las maravillosas tiendas, boutiques y restaurantes están a poca distancia unos de otros. Si viajas con niños pequeños, se recomienda un cochecito, ya que los más pequeños se cansan fácilmente. ¡No dudes en traer a tus perros! La mayoría de las tiendas y restaurantes admiten perros o tienen terraza para que tu perro disfrute de un día estupendo contigo. Si los demás clientes están de acuerdo, ¡invítalo a comer! Es fácil moverse por el pueblo y disfrutar de un día o un fin de semana fuera de casa. == Ver == {{mapframe|zoom=auto}} {{mapshape}} == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= }} {{geo|lat|long|zoom=}} {{EstáEn|}} 3apz4far0ft0avj9s30bl9y52tndstl 253176 253175 2026-05-14T00:20:13Z Luxbane 30785 253176 wikitext text/x-wiki {{top |intro=Skippack Village se encuentra en el condado de Montgomery, en el estado de Pensilvania, Estados Unidos. Es un pueblecito encantador repleto de boutiques, tiendas, restaurantes y un precioso hotel rústico italiano. Ideal para una excursión de un día o una escapada de fin de semana, y cerca de Filadelfia, King of Prussia y otras ciudades, pero sin el bullicio de la gran urbe. }} == Llegar == [[Archivo:Skippack Pike 4039, Skippack Village.JPG|miniaturadeimagen|Shippack Pike]] El pueblo de Skippack se encuentra en el corazón del condado de Montgomery. Está justo al lado de la Ruta 476 (la Ruta Azul) y es de fácil acceso desde el Aeropuerto Internacional de Filadelfia. Se encuentra a unos 45 minutos en coche del aeropuerto, sin tráfico, y está ubicado en la Ruta 73. Si los viajeros planean volar a Filadelfia, existen muchas opciones de transporte para llegar a Skippack, como alquiler de coches y taxis. El hotel donde se hospedan estará encantado de organizar un servicio de recogida en el aeropuerto, la estación de tren o cualquier otro lugar donde se necesite transporte adicional. == Desplazarse == {{mapframe|zoom=auto}} {{mapshape}} Para recorrer Skippack Village, solo camina; sus tiendas, boutiques y restaurantes están cerca. Si vas con niños, lleva cochecito, y si tienes perros, son bienvenidos en la mayoría de tiendas y terrazas. Disfruta del día o fin de semana fácil y agradable en el pueblo. == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= esbozo}} {{geo|40.2269|-75.3989}} {{EstáEn|Condado de Montgomery}} 2ljcw23j1z271txgadd0cim0guwss1y 253177 253176 2026-05-14T00:20:53Z Luxbane 30785 253177 wikitext text/x-wiki {{top |intro=Skippack Village se encuentra en el condado de Montgomery, en el estado de Pensilvania, Estados Unidos. Es un pueblecito encantador repleto de boutiques, tiendas, restaurantes y un precioso hotel rústico italiano. Ideal para una excursión de un día o una escapada de fin de semana, y cerca de Filadelfia, King of Prussia y otras ciudades, pero sin el bullicio de la gran urbe. }} == Llegar == [[Archivo:Skippack Pike 4039, Skippack Village.JPG|miniaturadeimagen|Shippack Pike]] Skippack, en el corazón de Montgomery, está junto a la Ruta 476 y a unos 45 minutos en coche sin tráfico del Aeropuerto Internacional de Filadelfia, en la Ruta 73. Desde allí, hay opciones de transporte como alquiler de coches y taxis; el hotel puede ofrecer servicios de recogida en el aeropuerto, estación de tren u otros lugares. == Desplazarse == {{mapframe|zoom=auto}} {{mapshape}} Para recorrer Skippack Village, solo camina; sus tiendas, boutiques y restaurantes están cerca. Si vas con niños, lleva cochecito, y si tienes perros, son bienvenidos en la mayoría de tiendas y terrazas. Disfruta del día o fin de semana fácil y agradable en el pueblo. == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= esbozo}} {{geo|40.2269|-75.3989}} {{EstáEn|Condado de Montgomery}} q58wbp5qsvgiw0zuxzof91ygh5pbnaz 0 18384 253178 252936 2026-05-14T00:22:22Z Luxbane 30785 /* Llegar */ 253178 wikitext text/x-wiki {{pagebanner}} '''Binangonan''' es un pueblo en la provincia de [[Rizal]], Filipinas. Ubicado en el límite entre la conurbación urbana que se extiende desde Metro Manila y los pueblos rurales del este de Rizal, cuenta con lujosos complejos turísticos en las laderas de las montañas, carreteras congestionadas crónicamente, edificios históricos y paraísos para practicar senderismo dentro de sus límites. == Comprender == == Llegar == == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= }} {{geo|lat|long|zoom=}} {{EstáEn|}} 7n171ltgu0r9pfrrkkarq3sg204iage 253179 253178 2026-05-14T00:22:38Z Luxbane 30785 /* Comprender */ 253179 wikitext text/x-wiki {{pagebanner}} '''Binangonan''' es un pueblo en la provincia de [[Rizal]], Filipinas. Ubicado en el límite entre la conurbación urbana que se extiende desde Metro Manila y los pueblos rurales del este de Rizal, cuenta con lujosos complejos turísticos en las laderas de las montañas, carreteras congestionadas crónicamente, edificios históricos y paraísos para practicar senderismo dentro de sus límites. == Comprender == Binangonan se encuentra al extremo oriental de una estrecha llanura costera que incluye Cainta, Taytay y Angono, rodeada por la Sierra Madre y la Laguna de Bay. Limita al este con la península de Morong, que forma su frontera con Cardona y otros pueblos rurales de Rizal. Además, ocupa la mayor parte de Talim, una isla rural en la Laguna de Bay, compartida con Cardona, cuya economía se basa principalmente en la pesca. == Llegar == == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= }} {{geo|lat|long|zoom=}} {{EstáEn|}} alcykekwpk6b79o7ta8i7mkfc6c1425 253180 253179 2026-05-14T00:23:08Z Luxbane 30785 /* Próximo destino */ 253180 wikitext text/x-wiki {{pagebanner}} '''Binangonan''' es un pueblo en la provincia de [[Rizal]], Filipinas. Ubicado en el límite entre la conurbación urbana que se extiende desde Metro Manila y los pueblos rurales del este de Rizal, cuenta con lujosos complejos turísticos en las laderas de las montañas, carreteras congestionadas crónicamente, edificios históricos y paraísos para practicar senderismo dentro de sus límites. == Comprender == Binangonan se encuentra al extremo oriental de una estrecha llanura costera que incluye Cainta, Taytay y Angono, rodeada por la Sierra Madre y la Laguna de Bay. Limita al este con la península de Morong, que forma su frontera con Cardona y otros pueblos rurales de Rizal. Además, ocupa la mayor parte de Talim, una isla rural en la Laguna de Bay, compartida con Cardona, cuya economía se basa principalmente en la pesca. == Llegar == == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= }} {{geo|14.4514|121.1919}} {{EstáEn|Rizal}} oj63qtu8gtfssrv38s32vou6joxgcun 253181 253180 2026-05-14T00:23:28Z Luxbane 30785 /* Próximo destino */ 253181 wikitext text/x-wiki {{pagebanner}} '''Binangonan''' es un pueblo en la provincia de [[Rizal]], Filipinas. Ubicado en el límite entre la conurbación urbana que se extiende desde Metro Manila y los pueblos rurales del este de Rizal, cuenta con lujosos complejos turísticos en las laderas de las montañas, carreteras congestionadas crónicamente, edificios históricos y paraísos para practicar senderismo dentro de sus límites. == Comprender == Binangonan se encuentra al extremo oriental de una estrecha llanura costera que incluye Cainta, Taytay y Angono, rodeada por la Sierra Madre y la Laguna de Bay. Limita al este con la península de Morong, que forma su frontera con Cardona y otros pueblos rurales de Rizal. Además, ocupa la mayor parte de Talim, una isla rural en la Laguna de Bay, compartida con Cardona, cuya economía se basa principalmente en la pesca. == Llegar == == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad|calidad=esquemático}} {{geo|14.4514|121.1919}} {{EstáEn|Rizal}} gybr1boxagclaiw52wbdepyeflfghdc 0 18385 253182 252939 2026-05-14T00:25:27Z Luxbane 30785 /* Próximo destino */ 253182 wikitext text/x-wiki {{pagebanner}} Situado a unos 25 minutos de Portland (Maine), Gorham es un pueblo de aproximadamente 16 000 habitantes que abarca una superficie de unos 50,3 millas cuadradas. Aunque parezca un pueblo bastante grande, el centro de Gorham es, de hecho, muy pintoresco. Se articula en torno a una intersección (de Main Street, South Street y State Street) con numerosas opciones de restaurantes y tiendas locales. == Comprender == == Llegar == === En avión === * {{listado | nombre = Portland International Jetport | tipo = station | url = http://www.portlandjetport.org/ | descripción = Ubicado en Portland, a solo 25 minutos en coche de Gorham por la autopista de peaje de Maine, la I-295 (sin peajes). Desde Portland, tome la salida 42 (Scarborough) o cualquiera de las salidas hacia South Portland/Maine Mall; desde ambas, se encuentra a unos 15 minutos del centro de Gorham. }} === En tren === === En automóvil === === En autobús === * {{listado | nombre = Concord Coach Lines | tipo = station | url = http://www.concordcoachlines.com/portland-to-boston.html | descripción = El billete de ida y vuelta Portland/Boston cuesta 45 dólares, y el de ida, 22 dólares. }} === En barco === == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == * {{listado | nombre = Salon La Luna | tipo = shop | descripción = Salon La Luna es una peluquería profesional cuyo lema se centra en el cliente: tú. Es un negocio relativamente nuevo, dirigido por mujeres con al menos 10 años de experiencia en cosmética, lo que garantiza una visita placentera. El salón está bellamente decorado, con iluminación tenue y cómodos asientos. Incluso cuenta con una sala separada donde se encuentran los lavabos, equipada con reposacabezas calefactables. El lavado y acondicionamiento estándar incluye un masaje craneal prolongado y una toalla caliente de mentol en el rostro; suena un poco extraño, pero es muy relajante. Si bien Salon La Luna es algo caro (los cortes de pelo comienzan alrededor de $40), los clientes tienen la seguridad de salir con un corte de pelo de buena calidad que sin duda vale la pena. }} == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad|calidad=esquemático}} {{geo|43.67944|-70.44417}} {{EstáEn|Gran Portland}} on0mof0tekzqqqk9358690my12idw77 0 18386 253183 252963 2026-05-14T00:26:49Z Luxbane 30785 Luxbane trasladó la página [[Beach Cities]] a [[Ciudades costeras de Orange]] 252963 wikitext text/x-wiki {{pagebanner}} Las '''ciudades costeras''' del condado de Orange (California) se encuentran entre sus principales atractivos. Ya sea para tomar el sol, nadar, surfear o jugar al voleibol de playa, los visitantes encontrarán mucho que disfrutar aquí. La pesca desde los muelles también es muy popular. == Ciudades == {{marker|type=city|name=[[Dana Point]]|lat=33.467|long=-117.697|wikidata=Q852638}} - Una ciudad portuaria cerca del extremo sur del condado, que ofrece excursiones para avistar ballenas y transbordadores a la isla Catalina, así como el acuario y museo marítimo del Ocean Institute. Huntington Beach -Quizás el tramo de playa más popular del condado de Orange, famoso por su ambiente surfero, su muelle y sus numerosos restaurantes y bares. Laguna Beach - Una ciudad turística con playas populares y numerosos complejos turísticos de lujo. Newport Beach - Una de las comunidades más prósperas del país, con una animada vida nocturna, tiendas de lujo y una de las playas y paseos marítimos más concurridos de la zona. Dentro de la ciudad se encuentra Balboa Island, una comunidad con un ambiente playero único y un vibrante paseo marítimo. Aquí también se pueden realizar excursiones para avistar ballenas y tomar un ferry a la isla Catalina. San Clamente - Un pueblo encantador y tranquilo con una hermosa playa y un muelle en el extremo sur del condado de Orange. Seal Beach - Ofrece una playa popular y un muelle de pesca conectados a una agradable calle principal repleta de tiendas y restaurantes. == Comprender == == Llegar == === En avión === === En tren === === En automóvil === === En autobús === === En barco === == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= }} {{geo|lat|long|zoom=}} {{EstáEn|}} 2txijntey4fiphovxa92cavsbioux81 253186 253183 2026-05-14T00:29:51Z Luxbane 30785 /* Ciudades */ 253186 wikitext text/x-wiki {{pagebanner}} Las '''ciudades costeras''' del condado de Orange (California) se encuentran entre sus principales atractivos. Ya sea para tomar el sol, nadar, surfear o jugar al voleibol de playa, los visitantes encontrarán mucho que disfrutar aquí. La pesca desde los muelles también es muy popular. == Ciudades == {{mapframe|zoom=auto|width=500|height=350}} * {{marker|type=city|name=[[Dana Point]]|lat=33.467|long=-117.697|wikidata=Q852638}} - Una ciudad portuaria cerca del extremo sur del condado, que ofrece excursiones para avistar ballenas y transbordadores a la isla Catalina, así como el acuario y museo marítimo del Ocean Institute. * {{marker|type=city|name=[[Huntington Beach]]|lat=33.676|long=-118.001|wikidata=Q5917}} - Quizás el tramo de playa más popular del condado de Orange, famoso por su ambiente surfero, su muelle y sus numerosos restaurantes y bares. * {{marker|type=city|name=[[Laguna Beach]]|lat=33.541|long=-117.784|wikidata=Q1908566}} - Una ciudad turística con playas populares y numerosos complejos turísticos de lujo. *{{marker|type=city|name=[[Newport Beach]]|lat=33.616|long=-117.931|wikidata=Q268873}} - Una de las comunidades más prósperas del país, con una animada vida nocturna, tiendas de lujo y una de las playas y paseos marítimos más concurridos de la zona. Dentro de la ciudad se encuentra Balboa Island, una comunidad con un ambiente playero único y un vibrante paseo marítimo. Aquí también se pueden realizar excursiones para avistar ballenas y tomar un ferry a la isla Catalina. * {{marker|type=city|name=[[San Clemente]]|lat=33.433|long=-117.629|wikidata=Q675070}} - Un pueblo encantador y tranquilo con una hermosa playa y un muelle en el extremo sur del condado de Orange. * {{marker|type=city|name=[[Seal Beach]]|lat=33.741|long=-118.097|wikidata=Q593039}} - Ofrece una playa popular y un muelle de pesca conectados a una agradable calle principal repleta de tiendas y restaurantes. == Comprender == == Llegar == === En avión === === En tren === === En automóvil === === En autobús === === En barco === == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad |calidad= }} {{geo|lat|long|zoom=}} {{EstáEn|}} jnstu316llwer4u7yvbxk2rkekgdlqr 253187 253186 2026-05-14T00:30:41Z Luxbane 30785 /* Próximo destino */ 253187 wikitext text/x-wiki {{pagebanner}} Las '''ciudades costeras''' del condado de Orange (California) se encuentran entre sus principales atractivos. Ya sea para tomar el sol, nadar, surfear o jugar al voleibol de playa, los visitantes encontrarán mucho que disfrutar aquí. La pesca desde los muelles también es muy popular. == Ciudades == {{mapframe|zoom=auto|width=500|height=350}} * {{marker|type=city|name=[[Dana Point]]|lat=33.467|long=-117.697|wikidata=Q852638}} - Una ciudad portuaria cerca del extremo sur del condado, que ofrece excursiones para avistar ballenas y transbordadores a la isla Catalina, así como el acuario y museo marítimo del Ocean Institute. * {{marker|type=city|name=[[Huntington Beach]]|lat=33.676|long=-118.001|wikidata=Q5917}} - Quizás el tramo de playa más popular del condado de Orange, famoso por su ambiente surfero, su muelle y sus numerosos restaurantes y bares. * {{marker|type=city|name=[[Laguna Beach]]|lat=33.541|long=-117.784|wikidata=Q1908566}} - Una ciudad turística con playas populares y numerosos complejos turísticos de lujo. *{{marker|type=city|name=[[Newport Beach]]|lat=33.616|long=-117.931|wikidata=Q268873}} - Una de las comunidades más prósperas del país, con una animada vida nocturna, tiendas de lujo y una de las playas y paseos marítimos más concurridos de la zona. Dentro de la ciudad se encuentra Balboa Island, una comunidad con un ambiente playero único y un vibrante paseo marítimo. Aquí también se pueden realizar excursiones para avistar ballenas y tomar un ferry a la isla Catalina. * {{marker|type=city|name=[[San Clemente]]|lat=33.433|long=-117.629|wikidata=Q675070}} - Un pueblo encantador y tranquilo con una hermosa playa y un muelle en el extremo sur del condado de Orange. * {{marker|type=city|name=[[Seal Beach]]|lat=33.741|long=-118.097|wikidata=Q593039}} - Ofrece una playa popular y un muelle de pesca conectados a una agradable calle principal repleta de tiendas y restaurantes. == Comprender == == Llegar == === En avión === === En tren === === En automóvil === === En autobús === === En barco === == Desplazarse == == Ver == == Hacer == == Aprender == == Trabajar == == Comprar == == Comer == == Beber y salir == == Dormir == == Seguridad == == Salud == == Respetar == == Conectarse == == Arreglárselas == == Próximo destino == {{estado artículo|tipo=ciudad|calidad=esquemático}} {{EstáEn|Orange County (California)}} {{geo|33.6|-117.7|zoom=11}} od419ql31r9iiupy3evlhqtbf2cwime 0 18387 253188 252958 2026-05-14T00:32:44Z Luxbane 30785 253188 wikitext text/x-wiki {{top |intro=Los Bosques del Suroeste son una zona de Costa de Marfil formada por bosques tropicales húmedos de hoja ancha, habitada principalmente por el pueblo kru (también presente en la vecina Liberia). }} == Ciudades == {{mapframe}} ** {{marker|type=city|name=Bouaflé|wikidata=Q1588797}} ** {{marker|type=city|name=Daloa|wikidata=Q860304}} ** {{marker|type=city|name=Danané|wikidata=Q15212705}} ** {{marker|type=city|name=Divo|wikidata=Q1530295}} ** {{marker|type=city|name=Gagnoa|wikidata=Q18592055}} ** {{marker|type=city|name=Guiglo|wikidata=Q1553776}} ** {{marker|type=city|name=Koulikoro|wikidata=Q598779}} ** {{marker|type=city|name=[[Man (Costa de Ivory)|Man]]|wikidata=Q1191011}} ** {{marker|type=city|name=[[San Pedro (Costa de Marfil)|San-Pedro]]|wikidata=Q609831}} - port ** {{marker|type=city|name=[[Sassandra]]|wikidata=Q586448}} – un encantador pueblo pesquero con playas idílicas b5m519irx2at7r9ydnni4lksa9413us 253189 253188 2026-05-14T00:35:59Z Luxbane 30785 /* Ciudades */ 253189 wikitext text/x-wiki {{top |intro=Los Bosques del Suroeste son una zona de Costa de Marfil formada por bosques tropicales húmedos de hoja ancha, habitada principalmente por el pueblo kru (también presente en la vecina Liberia). }} == Ciudades == {{mapframe}} * {{marker|type=city|name=Bouaflé|wikidata=Q1588797}} * {{marker|type=city|name=Daloa|wikidata=Q860304}} * {{marker|type=city|name=Danané|wikidata=Q15212705}} * {{marker|type=city|name=Divo|wikidata=Q1530295}} * {{marker|type=city|name=Gagnoa|wikidata=Q18592055}} * {{marker|type=city|name=Guiglo|wikidata=Q1553776}} * {{marker|type=city|name=Koulikoro|wikidata=Q598779}} * {{marker|type=city|name=[[Man (Costa de Ivory)|Man]]|wikidata=Q1191011}} * {{marker|type=city|name=[[San Pedro (Costa de Marfil)|San-Pedro]]|wikidata=Q609831}} - puerto * {{marker|type=city|name=[[Sassandra]]|wikidata=Q586448}} – un encantador pueblo pesquero con playas idílicas ge08hzvsd8c48ubg6fes7ybwyol1byi 253190 253189 2026-05-14T00:37:10Z Luxbane 30785 253190 wikitext text/x-wiki {{top |intro=Los Bosques del Suroeste son una zona de [[Costa de Marfil]] formada por bosques tropicales húmedos de hoja ancha, habitada principalmente por el pueblo kru (también presente en la vecina [[Liberia]]). }} == Ciudades == {{mapframe}} * {{marker|type=city|name=Bouaflé|wikidata=Q1588797}} * {{marker|type=city|name=Daloa|wikidata=Q860304}} * {{marker|type=city|name=Danané|wikidata=Q15212705}} * {{marker|type=city|name=Divo|wikidata=Q1530295}} * {{marker|type=city|name=Gagnoa|wikidata=Q18592055}} * {{marker|type=city|name=Guiglo|wikidata=Q1553776}} * {{marker|type=city|name=Koulikoro|wikidata=Q598779}} * {{marker|type=city|name=[[Man (Costa de Ivory)|Man]]|wikidata=Q1191011}} * {{marker|type=city|name=[[San Pedro (Costa de Marfil)|San-Pedro]]|wikidata=Q609831}} - puerto * {{marker|type=city|name=[[Sassandra]]|wikidata=Q586448}} – un encantador pueblo pesquero con playas idílicas nwrzst4plpugyw2z59ztr5leg1hsaxj 0 18388 253191 253008 2026-05-14T00:40:56Z Luxbane 30785 253191 wikitext text/x-wiki {{top |intro=Pomáz es la puerta de entrada a las montañas Pilis. El pueblo, situado en el valle del arroyo Dera, cuenta con una población de más de 16 000 habitantes. Los picos volcánicos cercanos, Nagy-Csikóvár y Kőhegy, así como la fosa de Holdvilág, atraen a numerosos excursionistas.}} == Llegar == Desde Budapest puedes tomar la línea H5 del HÉV (tren de cercanías). El trayecto dura 32 minutos desde la plaza Batthyány y 24 minutos desde la plaza Szentlélek (puente Árpád). Para el tramo dentro de Budapest (la última parada es Békásmegyer), necesitas un billete sencillo o un abono válido para el transporte público de Budapest; para el resto del trayecto, debes comprar un billete de cercanías. En todos los casos, debes comprar el billete o abono de Budapest antes de subir al tren; el billete de cercanías debe comprarse por adelantado si hay una máquina expendedora de billetes en funcionamiento, una taquilla abierta o un punto de venta disponible (a fecha de febrero de 2019, hay máquinas expendedoras en todas las paradas y estaciones de cercanías, excepto en Budakalász, y también en casi todas las urbanas; consulta el mapa). Las máquinas expendedoras aceptan monedas y billetes de forint, así como tarjetas bancarias convencionales y sin contacto. El precio es de entre 1,5 y 2 € en forint. Horario del HÉV ===En autobús=== Puedes coger un autobús desde el extremo de Pest del puente Árpád, pero estos autobuses no llegan hasta Pomáz, sino que siguen por la carretera 11, por lo que tendrás que recorrer a pie o buscar otro medio de transporte los 2-3 km restantes. La opción más cómoda es el HÉV. ===En coche=== En coche, es fácil llegar por la carretera 11. == Desplazarse== El autobús que va a Dobogókő hace varias paradas entre la estación de HÉV y el extremo norte de Pomáz. También hay empresas privadas que ofrecen servicios de transporte dentro de Pomáz con furgonetas, pero son más caras. == Ver == Hotel Castillo Teleki-Wattay, Pomáz La mayoría de los lugares de interés se encuentran en la plaza principal; la principal atracción es el castillo Teleki-Wattay. Ha sido renovado para albergar una escuela de música. Está abierto al público. Puedes dar un paseo por el bosque de Csikóváralja: es un destino muy popular entre los habitantes de Budapest para pasar el fin de semana. Al terminar la excursión, te espera un restaurante muy bueno. 1 Iglesia calvinista (Református templom), Hősök tere 1. (en el centro de la ciudad), ☏ +36 26 325297, fax: +36 26 325297, pomaz-csobanka@reformatus.hu. Construida entre 1814 y 1828 en estilo neoclásico. La mayor parte del mobiliario interior es tan antiguo como la iglesia. Entrada gratuita. Indicaciones OSM editar 2 Iglesia ortodoxa (Szerb ortodox templom), Szerb utca, ☏ +36 26 325133, pomaz@pomaz.hu. Martes a domingo, visita guiada: con cita previa. Esta iglesia fue construida en el siglo XIV en estilo gótico y reconstruida entre 1719 y 1722 en estilo barroco. El iconostasio y el trono episcopal son obras barrocas de gran importancia. Indicaciones OSM editar 3 Hotel Castillo Teleki-Wattay (Teleki-Wattay-kastély), Templom tér 3. Un hotel monumental de estilo ecléctico. El edificio cuenta con 16 habitaciones. Las otras 8 habitaciones se destinan a exposiciones. Castillo Coral Húngaro (Q1317737) en Wikidata (actualizado en febrero de 2019 | editar) 4 Iglesia católica romana (Római katolikus templom és plébánia), Templom tér 8, ☏ +36 26 325 006, pomaziplebania.iroda@gmail.com. La iglesia fue construida en 1768 en estilo barroco. Iglesia de San Esteban de Hungría (Q25478252) en Wikidata (actualizado en febrero de 2019 | editar) Colección de Historia Local (He Un poco más lejos Iglesia católica romana de la Exaltación de la Santa Cruz, Budakalász 9 Budakalász (en alemán: Kalasch) (justo al norte de Óbuda). Jardín botánico del Instituto de Plantas Medicinales. El Jardín Botánico es un espacio natural protegido de importancia nacional. (Gyógynövény Kutató Intézet Botanikus Kertje, Ubicación: Budakalász, Lupaszigeti út 4, alrededor del edificio central del Instituto de Investigación de Plantas Medicinales, con una superficie total de 5 ha. Teléfono: +36 26 340533, fax: +36 26 343195, email=info@gynki.hu, abierto de lunes a viernes de 10:00 a 15:00, con cita previa, solo con guía, entrada gratuita. Exploración de la cueva Szabó József, cerca del pico Kevély (Hu: Szabó József-barlang. Ubicación: al este del punto de elevación de 405 m del monte Ezüst, con vistas a Budakalász, en la cantera Nagy, también conocida como Tölgy). Direcciones OSM editar 10 Pilisszentkereszt (en eslovaco: Mlynky (literalmente, «pequeños molinos»)) (A unos 20 km al noroeste de Budapest, tomar el autobús n.º 860-861 desde Pomáz, (media hora, cada hora). Se puede acceder desde Esztergom pasando por Pilisszentlélek). Un pequeño pueblo con algo más de 2000 habitantes. Forma parte del municipio de Dobogókő, un popular destino turístico y vacacional y el punto más alto de las montañas de Visegrád. Lugares de interés: ruinas de la abadía cisterciense, que fue el primer monasterio cisterciense húngaro. Se realizaron excavaciones previas y se encontraron los restos de la tumba de la reina Gertrud. Construida en estilo románico (Hu: cisztercita Apátság romjai. Ubicación: afueras, Teléfono: +36 26 347619, plebania.1@drotposta.hu, Entrada: gratuita). Mirador de Glad Özséb == Hacer == Los autobuses hacia las montañas Pilis salen con mucha frecuencia desde la estación de HÉV de Pomáz. Puedes ir a Dobogókő o a otros lugares bonitos para hacer una excursión de un día o quedarte más tiempo (no es difícil encontrar una casa rural o cualquier otro lugar donde pasar la noche). Para consultar los horarios de los autobuses, visita menetrendek.hu (escribe «Pomáz» y «Dobogókő»). ===Eventos=== 1 Campamento del Castillo Húngaro (Magyar Vár Tábor), Majdán 1, ☏ +36 26 505656, fax: +36 26 505644, levelek@magyarvar.hu. Baile, artesanía, escritura rúnica, equitación y tiro con arco. == Comer == 1 Bull Pub, estación de Hév, ☏ +36 26 326467, fax: +36 26 525069. Cervezas y comida rápida. Indicaciones OSM editar 2 Restaurante bodega Rákospince, Beniczky utca 63., ☏ +36 26 325355, fax: +36 26 525366. Restaurante. Indicaciones OSM editar 3 Restaurante Udvaros, Mártírok útja 1-3., ☏ +36 26 323974, fax: +36 26 325876, info@udvaroscsarda.hu. Cómo llegar (OSM) editar También hay un par de restaurantes tradicionales húngaros, como el restaurante Kincsem. == Beber y salir == Hay algunos pubs en Pomáz, pero para disfrutar de una verdadera vida nocturna hay que ir a Budapest. 1 Stefano Pizzeria, Hősök tere 7., ☏ +36 26 326476, fax: +36 26 326476. Un bar de estilo moderno y original que sirve comida rápida. Indicaciones OSM editar == Dormir == Hay un par de opciones de alojamiento en Pomáz; para más opciones, prueba en Budapest o Szentendre. Hay algunos couchsurfers en Pomáz. 1 Teleki-Wattay Castle Hotel, Templom tér 3., ☏ +36 26 525610, fax: +36 26 525611, info@telekikastelyszallo.hu. Habitaciones individuales/dobles desde 10 000/12 000 Ft. Chora húngara {{EstáEn|Hungría}} {{estado artículo|tipo=ciudad |calidad=útil }} 6tpoijaq8mhrqqaarqkbtcqt3kird9i 253192 253191 2026-05-14T00:43:43Z Luxbane 30785 /* Llegar */ 253192 wikitext text/x-wiki {{top |intro=Pomáz es la puerta de entrada a las montañas Pilis. El pueblo, situado en el valle del arroyo Dera, cuenta con una población de más de 16 000 habitantes. Los picos volcánicos cercanos, Nagy-Csikóvár y Kőhegy, así como la fosa de Holdvilág, atraen a numerosos excursionistas.}} == Llegar == Desde [[Budapest]] se puede tomar la línea H5 del tren de cercanías (HÉV). El trayecto dura 32 minutos desde la plaza Batthyány y 24 minutos desde la '''plaza Szentlélek''' (puente Árpád). Para el tramo dentro de Budapest (la última parada es Békásmegyer), se necesita un billete sencillo o un abono válido para el transporte público de Budapest; para el resto, hay que comprar un billete de cercanías. En todos los casos, conviene comprar el billete/abono de Budapest antes de subir al tren; el billete de cercanías debe comprarse con antelación si hay una máquina expendedora de billetes en funcionamiento, una taquilla abierta o un punto de venta disponible (a fecha de febrero de 2019, hay máquinas expendedoras de billetes en todas las estaciones de cercanías, excepto en Budakalász, y también en casi todas las urbanas. Los cajeros automáticos aceptan monedas y billetes de florín, así como tarjetas bancarias convencionales y sin contacto. El pago se realiza en florines, con una frecuencia de entre 1,5 y 2 euros. [https://bkk.hu/en/timetables/#H5 Horario del HÉV] ===En autobús=== Puedes coger un autobús desde el extremo de Pest del puente Árpád, pero estos autobuses no llegan hasta Pomáz, sino que siguen por la carretera 11, por lo que tendrás que recorrer a pie o buscar otro medio de transporte los 2-3 km restantes. La opción más cómoda es el HÉV. ===En coche=== En coche, es fácil llegar por la carretera 11. == Desplazarse== El autobús que va a Dobogókő hace varias paradas entre la estación de HÉV y el extremo norte de Pomáz. También hay empresas privadas que ofrecen servicios de transporte dentro de Pomáz con furgonetas, pero son más caras. == Ver == Hotel Castillo Teleki-Wattay, Pomáz La mayoría de los lugares de interés se encuentran en la plaza principal; la principal atracción es el castillo Teleki-Wattay. Ha sido renovado para albergar una escuela de música. Está abierto al público. Puedes dar un paseo por el bosque de Csikóváralja: es un destino muy popular entre los habitantes de Budapest para pasar el fin de semana. Al terminar la excursión, te espera un restaurante muy bueno. 1 Iglesia calvinista (Református templom), Hősök tere 1. (en el centro de la ciudad), ☏ +36 26 325297, fax: +36 26 325297, pomaz-csobanka@reformatus.hu. Construida entre 1814 y 1828 en estilo neoclásico. La mayor parte del mobiliario interior es tan antiguo como la iglesia. Entrada gratuita. Indicaciones OSM editar 2 Iglesia ortodoxa (Szerb ortodox templom), Szerb utca, ☏ +36 26 325133, pomaz@pomaz.hu. Martes a domingo, visita guiada: con cita previa. Esta iglesia fue construida en el siglo XIV en estilo gótico y reconstruida entre 1719 y 1722 en estilo barroco. El iconostasio y el trono episcopal son obras barrocas de gran importancia. Indicaciones OSM editar 3 Hotel Castillo Teleki-Wattay (Teleki-Wattay-kastély), Templom tér 3. Un hotel monumental de estilo ecléctico. El edificio cuenta con 16 habitaciones. Las otras 8 habitaciones se destinan a exposiciones. Castillo Coral Húngaro (Q1317737) en Wikidata (actualizado en febrero de 2019 | editar) 4 Iglesia católica romana (Római katolikus templom és plébánia), Templom tér 8, ☏ +36 26 325 006, pomaziplebania.iroda@gmail.com. La iglesia fue construida en 1768 en estilo barroco. Iglesia de San Esteban de Hungría (Q25478252) en Wikidata (actualizado en febrero de 2019 | editar) Colección de Historia Local (He Un poco más lejos Iglesia católica romana de la Exaltación de la Santa Cruz, Budakalász 9 Budakalász (en alemán: Kalasch) (justo al norte de Óbuda). Jardín botánico del Instituto de Plantas Medicinales. El Jardín Botánico es un espacio natural protegido de importancia nacional. (Gyógynövény Kutató Intézet Botanikus Kertje, Ubicación: Budakalász, Lupaszigeti út 4, alrededor del edificio central del Instituto de Investigación de Plantas Medicinales, con una superficie total de 5 ha. Teléfono: +36 26 340533, fax: +36 26 343195, email=info@gynki.hu, abierto de lunes a viernes de 10:00 a 15:00, con cita previa, solo con guía, entrada gratuita. Exploración de la cueva Szabó József, cerca del pico Kevély (Hu: Szabó József-barlang. Ubicación: al este del punto de elevación de 405 m del monte Ezüst, con vistas a Budakalász, en la cantera Nagy, también conocida como Tölgy). Direcciones OSM editar 10 Pilisszentkereszt (en eslovaco: Mlynky (literalmente, «pequeños molinos»)) (A unos 20 km al noroeste de Budapest, tomar el autobús n.º 860-861 desde Pomáz, (media hora, cada hora). Se puede acceder desde Esztergom pasando por Pilisszentlélek). Un pequeño pueblo con algo más de 2000 habitantes. Forma parte del municipio de Dobogókő, un popular destino turístico y vacacional y el punto más alto de las montañas de Visegrád. Lugares de interés: ruinas de la abadía cisterciense, que fue el primer monasterio cisterciense húngaro. Se realizaron excavaciones previas y se encontraron los restos de la tumba de la reina Gertrud. Construida en estilo románico (Hu: cisztercita Apátság romjai. Ubicación: afueras, Teléfono: +36 26 347619, plebania.1@drotposta.hu, Entrada: gratuita). Mirador de Glad Özséb == Hacer == Los autobuses hacia las montañas Pilis salen con mucha frecuencia desde la estación de HÉV de Pomáz. Puedes ir a Dobogókő o a otros lugares bonitos para hacer una excursión de un día o quedarte más tiempo (no es difícil encontrar una casa rural o cualquier otro lugar donde pasar la noche). Para consultar los horarios de los autobuses, visita menetrendek.hu (escribe «Pomáz» y «Dobogókő»). ===Eventos=== 1 Campamento del Castillo Húngaro (Magyar Vár Tábor), Majdán 1, ☏ +36 26 505656, fax: +36 26 505644, levelek@magyarvar.hu. Baile, artesanía, escritura rúnica, equitación y tiro con arco. == Comer == 1 Bull Pub, estación de Hév, ☏ +36 26 326467, fax: +36 26 525069. Cervezas y comida rápida. Indicaciones OSM editar 2 Restaurante bodega Rákospince, Beniczky utca 63., ☏ +36 26 325355, fax: +36 26 525366. Restaurante. Indicaciones OSM editar 3 Restaurante Udvaros, Mártírok útja 1-3., ☏ +36 26 323974, fax: +36 26 325876, info@udvaroscsarda.hu. Cómo llegar (OSM) editar También hay un par de restaurantes tradicionales húngaros, como el restaurante Kincsem. == Beber y salir == Hay algunos pubs en Pomáz, pero para disfrutar de una verdadera vida nocturna hay que ir a Budapest. 1 Stefano Pizzeria, Hősök tere 7., ☏ +36 26 326476, fax: +36 26 326476. Un bar de estilo moderno y original que sirve comida rápida. Indicaciones OSM editar == Dormir == Hay un par de opciones de alojamiento en Pomáz; para más opciones, prueba en Budapest o Szentendre. Hay algunos couchsurfers en Pomáz. 1 Teleki-Wattay Castle Hotel, Templom tér 3., ☏ +36 26 525610, fax: +36 26 525611, info@telekikastelyszallo.hu. Habitaciones individuales/dobles desde 10 000/12 000 Ft. Chora húngara {{EstáEn|Hungría}} {{estado artículo|tipo=ciudad |calidad=útil }} exx61a0pzpiq0glrkqd4khh824oe68q 253193 253192 2026-05-14T00:44:15Z Luxbane 30785 /* Llegar */ 253193 wikitext text/x-wiki {{top |intro=Pomáz es la puerta de entrada a las montañas Pilis. El pueblo, situado en el valle del arroyo Dera, cuenta con una población de más de 16 000 habitantes. Los picos volcánicos cercanos, Nagy-Csikóvár y Kőhegy, así como la fosa de Holdvilág, atraen a numerosos excursionistas.}} == Llegar == {{Mapframe|47.6470|19.0239|zoom=15}} {{Mapshape|type=geomask|wikidata=Q850935,Q842923,Q370208,Q1095184|stroke-width=0}} Desde [[Budapest]] se puede tomar la línea H5 del tren de cercanías (HÉV). El trayecto dura 32 minutos desde la plaza Batthyány y 24 minutos desde la '''plaza Szentlélek''' (puente Árpád). Para el tramo dentro de Budapest (la última parada es Békásmegyer), se necesita un billete sencillo o un abono válido para el transporte público de Budapest; para el resto, hay que comprar un billete de cercanías. En todos los casos, conviene comprar el billete/abono de Budapest antes de subir al tren; el billete de cercanías debe comprarse con antelación si hay una máquina expendedora de billetes en funcionamiento, una taquilla abierta o un punto de venta disponible (a fecha de febrero de 2019, hay máquinas expendedoras de billetes en todas las estaciones de cercanías, excepto en Budakalász, y también en casi todas las urbanas. Los cajeros automáticos aceptan monedas y billetes de florín, así como tarjetas bancarias convencionales y sin contacto. El pago se realiza en florines, con una frecuencia de entre 1,5 y 2 euros. [https://bkk.hu/en/timetables/#H5 Horario del HÉV] ===En autobús=== Puedes coger un autobús desde el extremo de Pest del puente Árpád, pero estos autobuses no llegan hasta Pomáz, sino que siguen por la carretera 11, por lo que tendrás que recorrer a pie o buscar otro medio de transporte los 2-3 km restantes. La opción más cómoda es el HÉV. ===En coche=== En coche, es fácil llegar por la carretera 11. == Desplazarse== El autobús que va a Dobogókő hace varias paradas entre la estación de HÉV y el extremo norte de Pomáz. También hay empresas privadas que ofrecen servicios de transporte dentro de Pomáz con furgonetas, pero son más caras. == Ver == Hotel Castillo Teleki-Wattay, Pomáz La mayoría de los lugares de interés se encuentran en la plaza principal; la principal atracción es el castillo Teleki-Wattay. Ha sido renovado para albergar una escuela de música. Está abierto al público. Puedes dar un paseo por el bosque de Csikóváralja: es un destino muy popular entre los habitantes de Budapest para pasar el fin de semana. Al terminar la excursión, te espera un restaurante muy bueno. 1 Iglesia calvinista (Református templom), Hősök tere 1. (en el centro de la ciudad), ☏ +36 26 325297, fax: +36 26 325297, pomaz-csobanka@reformatus.hu. Construida entre 1814 y 1828 en estilo neoclásico. La mayor parte del mobiliario interior es tan antiguo como la iglesia. Entrada gratuita. Indicaciones OSM editar 2 Iglesia ortodoxa (Szerb ortodox templom), Szerb utca, ☏ +36 26 325133, pomaz@pomaz.hu. Martes a domingo, visita guiada: con cita previa. Esta iglesia fue construida en el siglo XIV en estilo gótico y reconstruida entre 1719 y 1722 en estilo barroco. El iconostasio y el trono episcopal son obras barrocas de gran importancia. Indicaciones OSM editar 3 Hotel Castillo Teleki-Wattay (Teleki-Wattay-kastély), Templom tér 3. Un hotel monumental de estilo ecléctico. El edificio cuenta con 16 habitaciones. Las otras 8 habitaciones se destinan a exposiciones. Castillo Coral Húngaro (Q1317737) en Wikidata (actualizado en febrero de 2019 | editar) 4 Iglesia católica romana (Római katolikus templom és plébánia), Templom tér 8, ☏ +36 26 325 006, pomaziplebania.iroda@gmail.com. La iglesia fue construida en 1768 en estilo barroco. Iglesia de San Esteban de Hungría (Q25478252) en Wikidata (actualizado en febrero de 2019 | editar) Colección de Historia Local (He Un poco más lejos Iglesia católica romana de la Exaltación de la Santa Cruz, Budakalász 9 Budakalász (en alemán: Kalasch) (justo al norte de Óbuda). Jardín botánico del Instituto de Plantas Medicinales. El Jardín Botánico es un espacio natural protegido de importancia nacional. (Gyógynövény Kutató Intézet Botanikus Kertje, Ubicación: Budakalász, Lupaszigeti út 4, alrededor del edificio central del Instituto de Investigación de Plantas Medicinales, con una superficie total de 5 ha. Teléfono: +36 26 340533, fax: +36 26 343195, email=info@gynki.hu, abierto de lunes a viernes de 10:00 a 15:00, con cita previa, solo con guía, entrada gratuita. Exploración de la cueva Szabó József, cerca del pico Kevély (Hu: Szabó József-barlang. Ubicación: al este del punto de elevación de 405 m del monte Ezüst, con vistas a Budakalász, en la cantera Nagy, también conocida como Tölgy). Direcciones OSM editar 10 Pilisszentkereszt (en eslovaco: Mlynky (literalmente, «pequeños molinos»)) (A unos 20 km al noroeste de Budapest, tomar el autobús n.º 860-861 desde Pomáz, (media hora, cada hora). Se puede acceder desde Esztergom pasando por Pilisszentlélek). Un pequeño pueblo con algo más de 2000 habitantes. Forma parte del municipio de Dobogókő, un popular destino turístico y vacacional y el punto más alto de las montañas de Visegrád. Lugares de interés: ruinas de la abadía cisterciense, que fue el primer monasterio cisterciense húngaro. Se realizaron excavaciones previas y se encontraron los restos de la tumba de la reina Gertrud. Construida en estilo románico (Hu: cisztercita Apátság romjai. Ubicación: afueras, Teléfono: +36 26 347619, plebania.1@drotposta.hu, Entrada: gratuita). Mirador de Glad Özséb == Hacer == Los autobuses hacia las montañas Pilis salen con mucha frecuencia desde la estación de HÉV de Pomáz. Puedes ir a Dobogókő o a otros lugares bonitos para hacer una excursión de un día o quedarte más tiempo (no es difícil encontrar una casa rural o cualquier otro lugar donde pasar la noche). Para consultar los horarios de los autobuses, visita menetrendek.hu (escribe «Pomáz» y «Dobogókő»). ===Eventos=== 1 Campamento del Castillo Húngaro (Magyar Vár Tábor), Majdán 1, ☏ +36 26 505656, fax: +36 26 505644, levelek@magyarvar.hu. Baile, artesanía, escritura rúnica, equitación y tiro con arco. == Comer == 1 Bull Pub, estación de Hév, ☏ +36 26 326467, fax: +36 26 525069. Cervezas y comida rápida. Indicaciones OSM editar 2 Restaurante bodega Rákospince, Beniczky utca 63., ☏ +36 26 325355, fax: +36 26 525366. Restaurante. Indicaciones OSM editar 3 Restaurante Udvaros, Mártírok útja 1-3., ☏ +36 26 323974, fax: +36 26 325876, info@udvaroscsarda.hu. Cómo llegar (OSM) editar También hay un par de restaurantes tradicionales húngaros, como el restaurante Kincsem. == Beber y salir == Hay algunos pubs en Pomáz, pero para disfrutar de una verdadera vida nocturna hay que ir a Budapest. 1 Stefano Pizzeria, Hősök tere 7., ☏ +36 26 326476, fax: +36 26 326476. Un bar de estilo moderno y original que sirve comida rápida. Indicaciones OSM editar == Dormir == Hay un par de opciones de alojamiento en Pomáz; para más opciones, prueba en Budapest o Szentendre. Hay algunos couchsurfers en Pomáz. 1 Teleki-Wattay Castle Hotel, Templom tér 3., ☏ +36 26 525610, fax: +36 26 525611, info@telekikastelyszallo.hu. Habitaciones individuales/dobles desde 10 000/12 000 Ft. Chora húngara {{EstáEn|Hungría}} {{estado artículo|tipo=ciudad |calidad=útil }} r139isi3ec2fhw8b3w99ywlqa676c17 253194 253193 2026-05-14T00:44:50Z Luxbane 30785 /* Desplazarse */ 253194 wikitext text/x-wiki {{top |intro=Pomáz es la puerta de entrada a las montañas Pilis. El pueblo, situado en el valle del arroyo Dera, cuenta con una población de más de 16 000 habitantes. Los picos volcánicos cercanos, Nagy-Csikóvár y Kőhegy, así como la fosa de Holdvilág, atraen a numerosos excursionistas.}} == Llegar == {{Mapframe|47.6470|19.0239|zoom=15}} {{Mapshape|type=geomask|wikidata=Q850935,Q842923,Q370208,Q1095184|stroke-width=0}} Desde [[Budapest]] se puede tomar la línea H5 del tren de cercanías (HÉV). El trayecto dura 32 minutos desde la plaza Batthyány y 24 minutos desde la '''plaza Szentlélek''' (puente Árpád). Para el tramo dentro de Budapest (la última parada es Békásmegyer), se necesita un billete sencillo o un abono válido para el transporte público de Budapest; para el resto, hay que comprar un billete de cercanías. En todos los casos, conviene comprar el billete/abono de Budapest antes de subir al tren; el billete de cercanías debe comprarse con antelación si hay una máquina expendedora de billetes en funcionamiento, una taquilla abierta o un punto de venta disponible (a fecha de febrero de 2019, hay máquinas expendedoras de billetes en todas las estaciones de cercanías, excepto en Budakalász, y también en casi todas las urbanas. Los cajeros automáticos aceptan monedas y billetes de florín, así como tarjetas bancarias convencionales y sin contacto. El pago se realiza en florines, con una frecuencia de entre 1,5 y 2 euros. [https://bkk.hu/en/timetables/#H5 Horario del HÉV] ===En autobús=== Puedes coger un autobús desde el extremo de Pest del puente Árpád, pero estos autobuses no llegan hasta Pomáz, sino que siguen por la carretera 11, por lo que tendrás que recorrer a pie o buscar otro medio de transporte los 2-3 km restantes. La opción más cómoda es el HÉV. ===En coche=== En coche, es fácil llegar por la carretera 11. == Desplazarse== El autobús que va a Dobogókő hace varias paradas entre la estación de HÉV y el extremo norte de Pomáz. También hay empresas privadas que ofrecen servicios de transporte dentro de Pomáz con furgonetas, pero son más caras. == Ver == Hotel Castillo Teleki-Wattay, Pomáz La mayoría de los lugares de interés se encuentran en la plaza principal; la principal atracción es el castillo Teleki-Wattay. Ha sido renovado para albergar una escuela de música. Está abierto al público. Puedes dar un paseo por el bosque de Csikóváralja: es un destino muy popular entre los habitantes de Budapest para pasar el fin de semana. Al terminar la excursión, te espera un restaurante muy bueno. 1 Iglesia calvinista (Református templom), Hősök tere 1. (en el centro de la ciudad), ☏ +36 26 325297, fax: +36 26 325297, pomaz-csobanka@reformatus.hu. Construida entre 1814 y 1828 en estilo neoclásico. La mayor parte del mobiliario interior es tan antiguo como la iglesia. Entrada gratuita. Indicaciones OSM editar 2 Iglesia ortodoxa (Szerb ortodox templom), Szerb utca, ☏ +36 26 325133, pomaz@pomaz.hu. Martes a domingo, visita guiada: con cita previa. Esta iglesia fue construida en el siglo XIV en estilo gótico y reconstruida entre 1719 y 1722 en estilo barroco. El iconostasio y el trono episcopal son obras barrocas de gran importancia. Indicaciones OSM editar 3 Hotel Castillo Teleki-Wattay (Teleki-Wattay-kastély), Templom tér 3. Un hotel monumental de estilo ecléctico. El edificio cuenta con 16 habitaciones. Las otras 8 habitaciones se destinan a exposiciones. Castillo Coral Húngaro (Q1317737) en Wikidata (actualizado en febrero de 2019 | editar) 4 Iglesia católica romana (Római katolikus templom és plébánia), Templom tér 8, ☏ +36 26 325 006, pomaziplebania.iroda@gmail.com. La iglesia fue construida en 1768 en estilo barroco. Iglesia de San Esteban de Hungría (Q25478252) en Wikidata (actualizado en febrero de 2019 | editar) Colección de Historia Local (He Un poco más lejos Iglesia católica romana de la Exaltación de la Santa Cruz, Budakalász 9 Budakalász (en alemán: Kalasch) (justo al norte de Óbuda). Jardín botánico del Instituto de Plantas Medicinales. El Jardín Botánico es un espacio natural protegido de importancia nacional. (Gyógynövény Kutató Intézet Botanikus Kertje, Ubicación: Budakalász, Lupaszigeti út 4, alrededor del edificio central del Instituto de Investigación de Plantas Medicinales, con una superficie total de 5 ha. Teléfono: +36 26 340533, fax: +36 26 343195, email=info@gynki.hu, abierto de lunes a viernes de 10:00 a 15:00, con cita previa, solo con guía, entrada gratuita. Exploración de la cueva Szabó József, cerca del pico Kevély (Hu: Szabó József-barlang. Ubicación: al este del punto de elevación de 405 m del monte Ezüst, con vistas a Budakalász, en la cantera Nagy, también conocida como Tölgy). Direcciones OSM editar 10 Pilisszentkereszt (en eslovaco: Mlynky (literalmente, «pequeños molinos»)) (A unos 20 km al noroeste de Budapest, tomar el autobús n.º 860-861 desde Pomáz, (media hora, cada hora). Se puede acceder desde Esztergom pasando por Pilisszentlélek). Un pequeño pueblo con algo más de 2000 habitantes. Forma parte del municipio de Dobogókő, un popular destino turístico y vacacional y el punto más alto de las montañas de Visegrád. Lugares de interés: ruinas de la abadía cisterciense, que fue el primer monasterio cisterciense húngaro. Se realizaron excavaciones previas y se encontraron los restos de la tumba de la reina Gertrud. Construida en estilo románico (Hu: cisztercita Apátság romjai. Ubicación: afueras, Teléfono: +36 26 347619, plebania.1@drotposta.hu, Entrada: gratuita). Mirador de Glad Özséb == Hacer == Los autobuses hacia las montañas Pilis salen con mucha frecuencia desde la estación de HÉV de Pomáz. Puedes ir a Dobogókő o a otros lugares bonitos para hacer una excursión de un día o quedarte más tiempo (no es difícil encontrar una casa rural o cualquier otro lugar donde pasar la noche). Para consultar los horarios de los autobuses, visita menetrendek.hu (escribe «Pomáz» y «Dobogókő»). ===Eventos=== 1 Campamento del Castillo Húngaro (Magyar Vár Tábor), Majdán 1, ☏ +36 26 505656, fax: +36 26 505644, levelek@magyarvar.hu. Baile, artesanía, escritura rúnica, equitación y tiro con arco. == Comer == 1 Bull Pub, estación de Hév, ☏ +36 26 326467, fax: +36 26 525069. Cervezas y comida rápida. Indicaciones OSM editar 2 Restaurante bodega Rákospince, Beniczky utca 63., ☏ +36 26 325355, fax: +36 26 525366. Restaurante. Indicaciones OSM editar 3 Restaurante Udvaros, Mártírok útja 1-3., ☏ +36 26 323974, fax: +36 26 325876, info@udvaroscsarda.hu. Cómo llegar (OSM) editar También hay un par de restaurantes tradicionales húngaros, como el restaurante Kincsem. == Beber y salir == Hay algunos pubs en Pomáz, pero para disfrutar de una verdadera vida nocturna hay que ir a Budapest. 1 Stefano Pizzeria, Hősök tere 7., ☏ +36 26 326476, fax: +36 26 326476. Un bar de estilo moderno y original que sirve comida rápida. Indicaciones OSM editar == Dormir == Hay un par de opciones de alojamiento en Pomáz; para más opciones, prueba en Budapest o Szentendre. Hay algunos couchsurfers en Pomáz. 1 Teleki-Wattay Castle Hotel, Templom tér 3., ☏ +36 26 525610, fax: +36 26 525611, info@telekikastelyszallo.hu. Habitaciones individuales/dobles desde 10 000/12 000 Ft. Chora húngara {{EstáEn|Hungría}} {{estado artículo|tipo=ciudad |calidad=útil }} snj4p6hia0rlzlv2oizm10bkbnipy8e 253195 253194 2026-05-14T00:48:10Z Luxbane 30785 /* Ver */ 253195 wikitext text/x-wiki {{top |intro=Pomáz es la puerta de entrada a las montañas Pilis. El pueblo, situado en el valle del arroyo Dera, cuenta con una población de más de 16 000 habitantes. Los picos volcánicos cercanos, Nagy-Csikóvár y Kőhegy, así como la fosa de Holdvilág, atraen a numerosos excursionistas.}} == Llegar == {{Mapframe|47.6470|19.0239|zoom=15}} {{Mapshape|type=geomask|wikidata=Q850935,Q842923,Q370208,Q1095184|stroke-width=0}} Desde [[Budapest]] se puede tomar la línea H5 del tren de cercanías (HÉV). El trayecto dura 32 minutos desde la plaza Batthyány y 24 minutos desde la '''plaza Szentlélek''' (puente Árpád). Para el tramo dentro de Budapest (la última parada es Békásmegyer), se necesita un billete sencillo o un abono válido para el transporte público de Budapest; para el resto, hay que comprar un billete de cercanías. En todos los casos, conviene comprar el billete/abono de Budapest antes de subir al tren; el billete de cercanías debe comprarse con antelación si hay una máquina expendedora de billetes en funcionamiento, una taquilla abierta o un punto de venta disponible (a fecha de febrero de 2019, hay máquinas expendedoras de billetes en todas las estaciones de cercanías, excepto en Budakalász, y también en casi todas las urbanas. Los cajeros automáticos aceptan monedas y billetes de florín, así como tarjetas bancarias convencionales y sin contacto. El pago se realiza en florines, con una frecuencia de entre 1,5 y 2 euros. [https://bkk.hu/en/timetables/#H5 Horario del HÉV] ===En autobús=== Puedes coger un autobús desde el extremo de Pest del puente Árpád, pero estos autobuses no llegan hasta Pomáz, sino que siguen por la carretera 11, por lo que tendrás que recorrer a pie o buscar otro medio de transporte los 2-3 km restantes. La opción más cómoda es el HÉV. ===En coche=== En coche, es fácil llegar por la carretera 11. == Desplazarse== El autobús que va a Dobogókő hace varias paradas entre la estación de HÉV y el extremo norte de Pomáz. También hay empresas privadas que ofrecen servicios de transporte dentro de Pomáz con furgonetas, pero son más caras. == Ver == [[Archivo:Teleki-kastély (7250. számú műemlék) 4.jpg|miniaturadeimagen|Hotel Castillo Teleki-Wattay, Pomáz]] La mayoría de los lugares de interés se encuentran en la plaza principal; la principal atracción es el castillo Teleki-Wattay. Ha sido renovado para albergar una escuela de música. Está abierto al público. Puedes dar un paseo por el bosque de Csikóváralja: es un destino muy popular entre los habitantes de Budapest para pasar el fin de semana. Al terminar la excursión, te espera un restaurante muy bueno. 1 Iglesia calvinista (Református templom), Hősök tere 1. (en el centro de la ciudad), ☏ +36 26 325297, fax: +36 26 325297, pomaz-csobanka@reformatus.hu. Construida entre 1814 y 1828 en estilo neoclásico. La mayor parte del mobiliario interior es tan antiguo como la iglesia. Entrada gratuita. Indicaciones OSM editar 2 Iglesia ortodoxa (Szerb ortodox templom), Szerb utca, ☏ +36 26 325133, pomaz@pomaz.hu. Martes a domingo, visita guiada: con cita previa. Esta iglesia fue construida en el siglo XIV en estilo gótico y reconstruida entre 1719 y 1722 en estilo barroco. El iconostasio y el trono episcopal son obras barrocas de gran importancia. Indicaciones OSM editar 3 Hotel Castillo Teleki-Wattay (Teleki-Wattay-kastély), Templom tér 3. Un hotel monumental de estilo ecléctico. El edificio cuenta con 16 habitaciones. Las otras 8 habitaciones se destinan a exposiciones. Castillo Coral Húngaro (Q1317737) en Wikidata (actualizado en febrero de 2019 | editar) 4 Iglesia católica romana (Római katolikus templom és plébánia), Templom tér 8, ☏ +36 26 325 006, pomaziplebania.iroda@gmail.com. La iglesia fue construida en 1768 en estilo barroco. Iglesia de San Esteban de Hungría (Q25478252) en Wikidata (actualizado en febrero de 2019 | editar) Colección de Historia Local (He Un poco más lejos Iglesia católica romana de la Exaltación de la Santa Cruz, Budakalász 9 Budakalász (en alemán: Kalasch) (justo al norte de Óbuda). Jardín botánico del Instituto de Plantas Medicinales. El Jardín Botánico es un espacio natural protegido de importancia nacional. (Gyógynövény Kutató Intézet Botanikus Kertje, Ubicación: Budakalász, Lupaszigeti út 4, alrededor del edificio central del Instituto de Investigación de Plantas Medicinales, con una superficie total de 5 ha. Teléfono: +36 26 340533, fax: +36 26 343195, email=info@gynki.hu, abierto de lunes a viernes de 10:00 a 15:00, con cita previa, solo con guía, entrada gratuita. Exploración de la cueva Szabó József, cerca del pico Kevély (Hu: Szabó József-barlang. Ubicación: al este del punto de elevación de 405 m del monte Ezüst, con vistas a Budakalász, en la cantera Nagy, también conocida como Tölgy). Direcciones OSM editar 10 Pilisszentkereszt (en eslovaco: Mlynky (literalmente, «pequeños molinos»)) (A unos 20 km al noroeste de Budapest, tomar el autobús n.º 860-861 desde Pomáz, (media hora, cada hora). Se puede acceder desde Esztergom pasando por Pilisszentlélek). Un pequeño pueblo con algo más de 2000 habitantes. Forma parte del municipio de Dobogókő, un popular destino turístico y vacacional y el punto más alto de las montañas de Visegrád. Lugares de interés: ruinas de la abadía cisterciense, que fue el primer monasterio cisterciense húngaro. Se realizaron excavaciones previas y se encontraron los restos de la tumba de la reina Gertrud. Construida en estilo románico (Hu: cisztercita Apátság romjai. Ubicación: afueras, Teléfono: +36 26 347619, plebania.1@drotposta.hu, Entrada: gratuita). Mirador de Glad Özséb == Hacer == Los autobuses hacia las montañas Pilis salen con mucha frecuencia desde la estación de HÉV de Pomáz. Puedes ir a Dobogókő o a otros lugares bonitos para hacer una excursión de un día o quedarte más tiempo (no es difícil encontrar una casa rural o cualquier otro lugar donde pasar la noche). Para consultar los horarios de los autobuses, visita menetrendek.hu (escribe «Pomáz» y «Dobogókő»). ===Eventos=== 1 Campamento del Castillo Húngaro (Magyar Vár Tábor), Majdán 1, ☏ +36 26 505656, fax: +36 26 505644, levelek@magyarvar.hu. Baile, artesanía, escritura rúnica, equitación y tiro con arco. == Comer == 1 Bull Pub, estación de Hév, ☏ +36 26 326467, fax: +36 26 525069. Cervezas y comida rápida. Indicaciones OSM editar 2 Restaurante bodega Rákospince, Beniczky utca 63., ☏ +36 26 325355, fax: +36 26 525366. Restaurante. Indicaciones OSM editar 3 Restaurante Udvaros, Mártírok útja 1-3., ☏ +36 26 323974, fax: +36 26 325876, info@udvaroscsarda.hu. Cómo llegar (OSM) editar También hay un par de restaurantes tradicionales húngaros, como el restaurante Kincsem. == Beber y salir == Hay algunos pubs en Pomáz, pero para disfrutar de una verdadera vida nocturna hay que ir a Budapest. 1 Stefano Pizzeria, Hősök tere 7., ☏ +36 26 326476, fax: +36 26 326476. Un bar de estilo moderno y original que sirve comida rápida. Indicaciones OSM editar == Dormir == Hay un par de opciones de alojamiento en Pomáz; para más opciones, prueba en Budapest o Szentendre. Hay algunos couchsurfers en Pomáz. 1 Teleki-Wattay Castle Hotel, Templom tér 3., ☏ +36 26 525610, fax: +36 26 525611, info@telekikastelyszallo.hu. Habitaciones individuales/dobles desde 10 000/12 000 Ft. Chora húngara {{EstáEn|Hungría}} {{estado artículo|tipo=ciudad |calidad=útil }} rkf1ipraw12erqa9z8coqzh6zidkgk9 2 18395 253108 253100 2026-05-13T18:39:56Z Jsmura 5370 253108 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">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> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">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.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">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.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">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> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">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.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">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> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">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">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">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.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">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.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">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!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>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> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">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.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</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> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">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.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">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.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</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> </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">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]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>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.</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> </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|bg=#FCEBEB}} <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>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">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=⭐|text=Niveles de calidad de un artículo|bg=#EAF3DE}} <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">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> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=✅|text=Checklist antes de publicar|bg=#E1F5EE}} <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> 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).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=🤝|text=¿Dónde pedir ayuda?|bg=#E6F1FB}} <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">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> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">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!</div> </div> </div> 512qbnhgq7ma7kehcmaa762a5e9sba6 253112 253108 2026-05-13T21:21:41Z Jsmura 5370 253112 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} {{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="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">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">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">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.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> {{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. }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">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!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>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> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> {{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. }} <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</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> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> {{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. }} <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</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> </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> {{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]»'''. }} <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>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.</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> </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|bg=#FCEBEB}} <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>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">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=✅|text=Checklist antes de publicar|bg=#E1F5EE}} <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> 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).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} fsk59s0nsj3si84l0jcihy0qbmw8va8 253115 253112 2026-05-13T21:32:33Z Jsmura 5370 253115 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} {{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="wvas-tipo-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 SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> {{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. }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">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!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>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> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> {{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. }} <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</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> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> {{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. }} <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</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> </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> {{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]»'''. }} <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>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.</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> </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|bg=#FCEBEB}} <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>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">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=✅|text=Checklist antes de publicar|bg=#E1F5EE}} <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> 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).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} dj3sajcfk4w7t9klcpluccl33qrihfg 253117 253115 2026-05-13T21:44:49Z Jsmura 5370 253117 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} {{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="wvas-tipo-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 SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> {{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. }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> {{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]] }} </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> {{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]]. }} </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> {{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]]. }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> {{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. }} </div> </div><!-- /wvas-sec-conversacion --> {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Map.png |title=🔍 Antes de crear: verifica que no exista |content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos! }} <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|bg=#FCEBEB}} <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>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">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=✅|text=Checklist antes de publicar|bg=#E1F5EE}} <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> 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).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} 47v0ltwbtdle0s1x17uu2zur5xpw2yh 253119 253117 2026-05-13T22:00:20Z Jsmura 5370 253119 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} {{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="wvas-tipo-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 SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> {{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. }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> {{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]] }} </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> {{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]]. }} </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> {{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]]. }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> {{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. }} </div> </div><!-- /wvas-sec-conversacion --> {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Map.png |title=🔍 Antes de crear: verifica que no exista |content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos! }} <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|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|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=✅|text=Checklist antes de publicar|bg=#E1F5EE}} <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> 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).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} 58id91qwerztpsv3sd7qhn7iwjjen2z 253123 253119 2026-05-13T22:11:19Z Jsmura 5370 253123 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} {{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="wvas-tipo-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 SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> {{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. }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> {{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]] }} </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> {{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]]. }} </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> {{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]]. }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> {{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. }} </div> </div><!-- /wvas-sec-conversacion --> {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Map.png |title=🔍 Antes de crear: verifica que no exista |content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos! }} <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|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|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=✅|text=Checklist antes de publicar|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|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} 26b2o16mhntt4c5cnk5a3iicw6sewze 253127 253123 2026-05-13T22:24:04Z Jsmura 5370 253127 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} {{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="wvas-tipo-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 SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino"> {{Usuario:Jsmura/Header awesome|icon=🏙️|text=Destino|bg=#E6F1FB}} </div> <div class="accordion-content active" data-aco="destino"> {{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. }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> {{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]] }} </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="accordion-clicky" data-aco="tematico" > {{Usuario:Jsmura/Header awesome|icon=💡|text=Artículo temático|bg=#EEEDFE}} </div> <div class="accordion-content" data-aco="tematico"> {{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]]. }} </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="accordion-clicky" data-aco="itinerario" > {{Usuario:Jsmura/Header awesome|icon=🗓️|text=Itinerario|bg=#E1F5EE}} </div> <div class="accordion-content" data-aco="itinerario"> {{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]]. }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="accordion-clicky" data-aco="conversacion" > {{Usuario:Jsmura/Header awesome|icon=💬|text=Guía de conversación|bg=#FAEEDA}} </div> <div class="accordion-content" data-aco="conversacion"> {{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. }} </div> </div><!-- /wvas-sec-conversacion --> {{Usuario:Jsmura/Callout responsive |type=warn |img=Wiki Sable Chibi Map.png |title=🔍 Antes de crear: verifica que no exista |content=Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos! }} <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> {{Usuario:Jsmura/Header awesome|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|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|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> {{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|icon=✅|text=Checklist antes de publicar|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|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} f4rkqgezebo60xaecdale8xd8g5009e 253139 253127 2026-05-13T23:03:45Z Jsmura 5370 253139 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} <div class="sp-wrap"> <div class="sp-sidebar"> <div class="sp-sidebar-label">Elige un tipo</div> <div class="sp-item active" data-panel="destino"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">🏙️ Destino</div> <div class="sp-item-hint">Ciudades, regiones…</div> </div> </div> <div class="sp-item" data-panel="tematico"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">💡 Artículo temático</div> <div class="sp-item-hint">Temas generales</div> </div> </div> <div class="sp-item" data-panel="itinerario"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">🗓️ Itinerario</div> <div class="sp-item-hint">Rutas y recorridos</div> </div> </div> <div class="sp-item" data-panel="conversacion"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">💬 Conversación</div> <div class="sp-item-hint">Guías de idioma</div> </div> </div> <div class="sp-sidebar-foot">↑ selecciona un tipo</div> </div> <div class="sp-content"> <div class="sp-panel active" id="sp-destino"> {{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]] }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> </div> <div class="sp-panel" id="sp-tematico"> {{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]]. }} </div> <div class="sp-panel" id="sp-itinerario"> {{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]]. }} </div> <div class="sp-panel" id="sp-conversacion"> {{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. }} </div> </div> </div> {{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="wvas-tipo-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|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|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|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> {{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|icon=✅|text=Checklist antes de publicar|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|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </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! }} j55s702se7ua5o6u2yk2rpr8qg0e504 253199 253139 2026-05-14T03:37:06Z Jsmura 5370 253199 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <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> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''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.</p> <p>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!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> {{Usuario:Jsmura/Banner Images |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|icon=📋|text=Normas esenciales antes de empezar|bg=#FCEBEB}} <div class="wvas-normas"> {{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|icon=📂|text=Tipos de artículo en Wikiviajes|bg=#E1F5EE}} <div class="sp-wrap"> <div class="sp-sidebar"> <div class="sp-sidebar-label">Elige un tipo</div> <div class="sp-item active" data-panel="destino"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">🏙️ Destino</div> <div class="sp-item-hint">Ciudades, regiones…</div> </div> </div> <div class="sp-item" data-panel="tematico"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">💡 Artículo temático</div> <div class="sp-item-hint">Temas generales</div> </div> </div> <div class="sp-item" data-panel="itinerario"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">🗓️ Itinerario</div> <div class="sp-item-hint">Rutas y recorridos</div> </div> </div> <div class="sp-item" data-panel="conversacion"> <div class="sp-item-icon">[[Archivo:Wikivoyage-logo.svg|22px|link=|alt=]]</div> <div> <div class="sp-item-name">💬 Conversación</div> <div class="sp-item-hint">Guías de idioma</div> </div> </div> <div class="sp-sidebar-foot">↑ selecciona un tipo</div> </div> <div class="sp-content"> <div class="sp-panel active" id="sp-destino"> {{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]] }} <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>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]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>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]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>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]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>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]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>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]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>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]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> </div> <div class="sp-panel" id="sp-tematico"> {{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]]. }} </div> <div class="sp-panel" id="sp-itinerario"> {{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]]. }} </div> <div class="sp-panel" id="sp-conversacion"> {{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. }} </div> </div> </div> {{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="wvas-tipo-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|icon=📌|text=Referencia: ¿qué puede y qué no puede tener artículo propio?|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|icon=⭐|text=Niveles de calidad de un artículo|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="wvas-niveles"> {{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|icon=✅|text=Checklist antes de publicar|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|icon=🤝|text=¿Dónde pedir ayuda?|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="wvas-ayuda-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! }} 5s6apql7a8xnocipo287g4y625bgdjj 2 18396 253138 253097 2026-05-13T22:53:16Z Jsmura 5370 253138 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'); }); }); 21cwk4po26hua8p8ixq04gc36z77kkk 253150 253138 2026-05-13T23:28:54Z Jsmura 5370 253150 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'); }); }); document.querySelectorAll('.wv-doc-copy').forEach(function(btn) { btn.addEventListener('click', function() { var nombre = this.dataset.tpl; var filas = this.closest('.wv-doc-wrap').querySelectorAll('.wv-doc-row'); var lineas = ['{{' + nombre]; filas.forEach(function(fila) { lineas.push('|' + fila.textContent.trim()); }); lineas.push('}}'); navigator.clipboard.writeText(lineas.join('\n')).then(function() { btn.textContent = '✓ Copiado'; setTimeout(function() { btn.textContent = 'Copiar'; }, 2000); }); }); }); q7zym06t77kewx54k20rlreet66cjy0 253153 253150 2026-05-13T23:35:48Z Jsmura 5370 253153 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'); }); }); document.querySelectorAll('.wv-doc-copy').forEach(function(btn) { btn.addEventListener('click', function() { var bloque = this.closest('.wv-doc-wrap').querySelector('.wv-doc-block'); var texto = bloque.innerText .replace(/\n{2,}/g, '\n') .trim(); navigator.clipboard.writeText(texto).then(function() { btn.textContent = '✓ Copiado'; setTimeout(function() { btn.textContent = '📋 Copiar'; }, 2000); }); }); }); e0wy7qi4yskhoa9127cg13vt0oukutc 253166 253153 2026-05-13T23:53:47Z Jsmura 5370 253166 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'; function initDocSintaxis() { document.querySelectorAll('.wv-doc-copy-btn').forEach(function (btn) { btn.addEventListener('click', function () { var wrap = btn.closest('.wv-doc-wrap'); if (!wrap) return; /* Nombre de la plantilla desde data-tplname del wrapper */ var nombre = (wrap.dataset.tplname || '').trim(); /* Construir el texto línea a línea desde los atributos data-* de cada fila — nunca desde innerText, que colapsa el layout */ var filas = wrap.querySelectorAll('.wv-doc-row'); var lineas = ['{{' + nombre]; filas.forEach(function (fila) { var key = (fila.dataset.key || '').trim(); var val = (fila.dataset.val || '').trim(); if (key) { lineas.push('|' + key + '=' + val); } }); lineas.push('}}'); var texto = lineas.join('\n'); navigator.clipboard.writeText(texto).then(function () { btn.textContent = '✓ Copiado'; btn.classList.add('copied'); setTimeout(function () { btn.textContent = '📋 Copiar plantilla'; btn.classList.remove('copied'); }, 2200); }).catch(function () { /* Fallback para navegadores sin clipboard API */ var ta = document.createElement('textarea'); ta.value = texto; ta.style.position = 'absolute'; ta.style.left = '-9999px'; document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); btn.textContent = '✓ Copiado'; btn.classList.add('copied'); setTimeout(function () { btn.textContent = '📋 Copiar plantilla'; btn.classList.remove('copied'); }, 2200); }); }); }); } /* Ejecutar cuando el DOM esté listo */ if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initDocSintaxis); } else { initDocSintaxis(); } }()); dboszehew1vhh2s96u2jt2rl9cgmvuc 253204 253166 2026-05-14T04:09:31Z Jsmura 5370 253204 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(); } }()); p5cqhg60ldtuuyb67g37h46v8smz63j 2 18397 253105 2026-05-13T18:16:00Z Jsmura 5370 Página creada con «<includeonly><div class="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=Desti…» 253105 wikitext text/x-wiki <includeonly><div class="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></includeonly><noinclude> <code> <nowiki>{{Usuario:Jsmura/Banner Images |img1= |img2= |img3= |img4= |img5= }}</nowiki> </code> </noinclude> oi2q96e4v2j11lf2telvnbvoh79ixbr 253106 253105 2026-05-13T18:16:27Z Jsmura 5370 253106 wikitext text/x-wiki <div class="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> <code> <nowiki>{{Usuario:Jsmura/Banner Images |img1= |img2= |img3= |img4= |img5= }}</nowiki> </code> </noinclude> jah1tdp1duajwgu91s6rkzow39wnfva 2 18398 253107 2026-05-13T18:19:52Z Jsmura 5370 Página creada con «<div class="wvas-sh"> <div class="wvas-sh-icon" style="background:{{{bg|#FCEBEB}}};">{{{icon|📋}}}</div> <h2>{{{text|Normas esenciales antes de empezar}}}</h2> <div class="wvas-sh-line"></div> </div><noinclude> <code><nowiki> {{Usuario:Jsmura/Header awesome |icon= |text= |bg= }} </nowiki> </code></noinclude>» 253107 wikitext text/x-wiki <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:{{{bg|#FCEBEB}}};">{{{icon|📋}}}</div> <h2>{{{text|Normas esenciales antes de empezar}}}</h2> <div class="wvas-sh-line"></div> </div><noinclude> <code><nowiki> {{Usuario:Jsmura/Header awesome |icon= |text= |bg= }} </nowiki> </code></noinclude> koysltszx4r2rvssdiqkfvm8gzzs68c 2 18399 253110 2026-05-13T21:08:18Z Jsmura 5370 Página creada con «<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]…» 253110 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> <code><nowiki> {{Usuario:Jsmura/Banner responsive |type=error/warn/tip/info |img= |title= |content= }} </nowiki></code></noinclude> rwi3ifw9h28294gyujcu60ch6yjye1k 2 18400 253111 2026-05-13T21:12:46Z Jsmura 5370 Página creada con «<div class="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 corres…» 253111 wikitext text/x-wiki <div class="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> <code><nowiki> {{Usuario:Jsmura/Callout responsive |type=error/warn/tip/info |img= |title= |content= }} </nowiki></code></noinclude> fb5huf5ghoc0rpmaaeaz2f0e2rr19km 253113 253111 2026-05-13T21:22:04Z Jsmura 5370 253113 wikitext text/x-wiki <div class="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> <code><nowiki> {{Usuario:Jsmura/Callout responsive |type=error/warn/tip/info/purple |img= |title= |content= }} </nowiki></code></noinclude> 61q8pecmc2nc1bulph8sam65jfxkv40 2 18401 253114 2026-05-13T21:31:53Z Jsmura 5370 Página creada con «<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">{{{subc…» 253114 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> <span class="wvas-tipo-tag">{{{tag|[[#wvas-sec-destino|→ Ir a la sección Destino]]}}}</span> </div><noinclude> <code><nowiki> {{Usuario:Jsmura/Card responsive |type=destino/tematico/itinerario/conv |img= |title= |content= |subcontent= |tag= }} </nowiki></code></noinclude> kuvib7c9un8p07x5j2geascpd7a43sd 253129 253114 2026-05-13T22:33:03Z Jsmura 5370 253129 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> <code><nowiki> {{Usuario:Jsmura/Card responsive |type=destino/tematico/itinerario/conv |img= |title= |content= |subcontent= |tag= }} </nowiki></code></noinclude> m701qrubhhw7xf3nouu78s3c8k9ayri 253130 253129 2026-05-13T22:35:12Z Jsmura 5370 253130 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|}}}</span>}}} </div><noinclude> <code><nowiki> {{Usuario:Jsmura/Card responsive |type=destino/tematico/itinerario/conv |img= |title= |content= |subcontent= |tag= }} </nowiki></code></noinclude> e8gqchnio0vkmkfdpq7i06kec22hii7 253131 253130 2026-05-13T22:35:38Z Jsmura 5370 253131 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> <code><nowiki> {{Usuario:Jsmura/Card responsive |type=destino/tematico/itinerario/conv |img= |title= |content= |subcontent= |tag= }} </nowiki></code></noinclude> kyydwothrhenrboel9ksafln9nmhsze 253210 253131 2026-05-14T05:02:39Z Jsmura 5370 253210 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 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||[[#wvas-sec-destino|→ Ir a la sección Destino]]}} }}</noinclude> 6wijgf8hpy2vpamkzsiajs508pi1icj 253214 253210 2026-05-14T05:13:05Z Jsmura 5370 253214 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 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||[[#wvas-sec-destino|→ Ir a la sección Destino]]}} }}</noinclude> njqapsqpb5s4ydiduhun2ki2ljkor7o 253215 253214 2026-05-14T05:13:11Z Jsmura 5370 253215 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 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||[[#wvas-sec-destino|→ Ir a la sección Destino]]}} }}</noinclude> ricyvlbtj8ccts4boumvfby5ddx0ecz 253216 253215 2026-05-14T05:13:29Z Jsmura 5370 253216 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 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> j4y29dbeqi8um8kt3nl6zvhs1dfpp9g 2 18402 253116 2026-05-13T21:44:07Z Jsmura 5370 Página creada con «<div class="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; fon…» 253116 wikitext text/x-wiki <div class="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><code><nowiki> {{Usuario:Jsmura/Create article responsive |img= |title= |content= }} </nowiki></code></noinclude> 8pxbq8pj5gbcogk67c9qws3w9chdvxu 253217 253116 2026-05-14T05:17:03Z Jsmura 5370 253217 wikitext text/x-wiki <div class="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. |nota1=Puedes colocar tantos items (* item) como desees. |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> sug2skbx8t6avlec0qfu5o5o1jedddz 253218 253217 2026-05-14T05:17:56Z Jsmura 5370 253218 wikitext text/x-wiki <div class="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> lhwl0to0fxnjglf9c62ubg0d2ui381e 2 18403 253118 2026-05-13T21:58:29Z Jsmura 5370 Página creada con «<div class="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|}}} </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">{{{bad title|🚫 Inaceptables}}}</div> <ul cl…» 253118 wikitext text/x-wiki <div class="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|}}} </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">{{{bad title|🚫 Inaceptables}}}</div> <ul class="wvas-ref-list"> {{{bad list|}}} </ul> </div> </div> <div class="wvas-ref-nota"><strong>{{{note title|Ten en cuenta también que Wikiviajes no es:}}}</strong> <ul> {{{note list|}}} </ul> </div> </div><noinclude><code><nowiki> {{Usuario:Jsmura/Checklist 2 cols responsive |img= |title= |ok title= |ok list= * item 1 * item 2 |bad title= |bad list= * item 1 * item 2 |note title= |note list= * item 1 * item 2 }}</nowiki></code></noinclude> si08kiq0bhr89a3ld1kyz0qrf9dg5zn 253120 253118 2026-05-13T22:02:17Z Jsmura 5370 253120 wikitext text/x-wiki <div class="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> <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><code><nowiki> {{Usuario:Jsmura/Checklist 2 cols responsive |img= |title= |ok title= |ok list= * item 1 * item 2 |bad title= |bad list= * item 1 * item 2 |note title= |note list= * item 1 * item 2 }}</nowiki></code></noinclude> 4daj38kkgkf26cn32zcrgsssbbqw04f 253212 253120 2026-05-14T05:12:03Z Jsmura 5370 253212 wikitext text/x-wiki <div class="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. |nota1=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> duer7apb1bmbnlmair1upmaw4suzcly 253213 253212 2026-05-14T05:12:48Z Jsmura 5370 253213 wikitext text/x-wiki <div class="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. |nota1=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> szaxy0gvl2vike7q66m8i2vttg6xg3m 2 18404 253122 2026-05-13T22:10:05Z Jsmura 5370 Página creada con «<div class="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><code><nowiki> {{Usuario:Jsmura/Checklist responsive |img= |title= |list= * item 1 * item 2 }} </nowiki></code></noinclude>» 253122 wikitext text/x-wiki <div class="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><code><nowiki> {{Usuario:Jsmura/Checklist responsive |img= |title= |list= * item 1 * item 2 }} </nowiki></code></noinclude> k7w52ju0vvhpltdnb6umegyatimwy79 253211 253122 2026-05-14T05:05:17Z Jsmura 5370 253211 wikitext text/x-wiki <div class="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> 2k0n4846ov33w5w2p7b1g5scop7bkjq 2 18405 253124 2026-05-13T22:18:17Z Jsmura 5370 Página creada con «<div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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><code><nowiki> {{Usuario:Jsmura/Card info small responsive |img= |title= |content= }}</nowiki></code></noinclude>» 253124 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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><code><nowiki> {{Usuario:Jsmura/Card info small responsive |img= |title= |content= }}</nowiki></code></noinclude> 9dp88ooga2u7bbzh1cvmj4xi1oeue93 253126 253124 2026-05-13T22:22:26Z Jsmura 5370 253126 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-{{{type|1}}}"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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><code><nowiki> {{Usuario:Jsmura/Card info small responsive |type=1/2/3/4 |img= |title= |content= }}</nowiki></code></noinclude> nl8eppamkini56j0m827j9hpjzohhbh 253167 253126 2026-05-13T23:56:07Z Jsmura 5370 253167 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-{{{type|1}}}"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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 compacta y adaptable a distintos tamaños de pantalla. Usa el parámetro type para elegir la variante visual (1–4), title y content para el texto principal. La imagen es opcional: si se omite, la tarjeta adapta su diseño automáticamente. |nota1=Selecciona solo un valor de type |nota2=img acepta el nombre del archivo wiki (sin prefijo Archivo:) |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4}} {{Usuario:Jsmura/DocParam|img|opt}} {{Usuario:Jsmura/DocParam|title|req}} {{Usuario:Jsmura/DocParam|content|req}} }}</noinclude> gzlwap512tzayw0ya85yxo0apwqg8dd 253168 253167 2026-05-13T23:57:30Z Jsmura 5370 253168 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-{{{type|1}}}"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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 compacta y adaptable a distintos tamaños de pantalla. Usa el parámetro type para elegir la variante visual (1–4), title y content para el texto principal. |nota1=Selecciona solo un valor de type |nota2=img acepta el nombre del archivo wiki (sin prefijo Archivo:) |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4}} {{Usuario:Jsmura/DocParam|img|req}} {{Usuario:Jsmura/DocParam|title|req}} {{Usuario:Jsmura/DocParam|content|req}} }}</noinclude> mpbdztpteu1vb5qyodn6rjhkhpeh5wa 253206 253168 2026-05-14T04:17:43Z Jsmura 5370 253206 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-{{{type|1}}}"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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 compacta y adaptable a distintos tamaños de pantalla. Usa el parámetro type para elegir la variante visual (1–4), title y content para el texto principal. |nota1=Selecciona solo un valor de type |nota2=img acepta el nombre del archivo wiki (sin prefijo Archivo:) |params= {{Usuario:Jsmura/DocParam|type|req|1 / 2 / 3 / 4|1}} {{Usuario:Jsmura/DocParam|img|req||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> fq8noh2zpmwfby521222zmc0va4g6zp 253209 253206 2026-05-14T05:01:37Z Jsmura 5370 253209 wikitext text/x-wiki <div class="wvas-nivel wvas-nv-{{{type|1}}}"> <div class="wvas-nivel-icon">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|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|req||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> ibhblswla8d2uyl03p6ck7t09l9xyh0 12 18406 253141 2026-05-13T23:14:57Z Jsmura 5370 Página creada con «Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive.» 253141 wikitext text/x-wiki Framework, o Entorno de Trabajo, que ayuda en el diseño de páginas mediante elementos visuales responsive. szo56zg8usps3q9lumg87h28pumxo9x 2 18407 253143 2026-05-13T23:19:18Z Jsmura 5370 Página creada con «<noinclude> Plantilla de documentación de sintaxis de otras plantillas. ; Parámetros: * '''1''' — nombre de la plantilla * '''params''' — lista de parámetros en formato: <code>clave|req/opt|valor_por_defecto|opcion1,opcion2</code>, uno por línea separados por <nowiki>;</nowiki> [[Categoría:Plantillas de documentación]] </noinclude><includeonly> <div class="wv-doc-wrap"> <div class="wv-doc-legend"> <span class="wv-doc-leg req"><span class="wv-doc-dot"><…» 253143 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis de otras plantillas. ; Parámetros: * '''1''' — nombre de la plantilla * '''params''' — lista de parámetros en formato: <code>clave|req/opt|valor_por_defecto|opcion1,opcion2</code>, uno por línea separados por <nowiki>;</nowiki> [[Categoría:Plantillas de documentación]] </noinclude><includeonly> <div class="wv-doc-wrap"> <div class="wv-doc-legend"> <span class="wv-doc-leg req"><span class="wv-doc-dot"></span> Obligatorio</span> <span class="wv-doc-leg opt"><span class="wv-doc-dot"></span> Opcional</span> </div> <div class="wv-doc-block"> <span class="wv-doc-brace">{{</span><span class="wv-doc-tname">{{{1}}}</span><br/> {{{params}}} <span class="wv-doc-brace">}}</span> </div> </div> </includeonly> 9vgzgc5h3dsfrk03r79zxea31jyik7v 253144 253143 2026-05-13T23:19:30Z Jsmura 5370 253144 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis de otras plantillas. ; Parámetros: * '''1''' — nombre de la plantilla * '''params''' — lista de parámetros en formato: <code>clave|req/opt|valor_por_defecto|opcion1,opcion2</code>, uno por línea separados por <nowiki>;</nowiki></noinclude><includeonly> <div class="wv-doc-wrap"> <div class="wv-doc-legend"> <span class="wv-doc-leg req"><span class="wv-doc-dot"></span> Obligatorio</span> <span class="wv-doc-leg opt"><span class="wv-doc-dot"></span> Opcional</span> </div> <div class="wv-doc-block"> <span class="wv-doc-brace">{{</span><span class="wv-doc-tname">{{{1}}}</span><br/> {{{params}}} <span class="wv-doc-brace">}}</span> </div> </div> </includeonly> biqjofjtvnhrkq8c6multt00jpckaw8 253146 253144 2026-05-13T23:27:11Z Jsmura 5370 253146 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis copiable. ; Uso: <pre>{{DocSintaxis |nombre=NombreDeLaPlantilla |params= {{DocParams|type|req|1/2/3/4}} {{DocParams|img|opt}} {{DocParams|title|req}} {{DocParams|content|req}} }}</pre> [[Categoría:Plantillas de documentación]] </noinclude><includeonly><div class="wv-doc-wrap"> <div class="wv-doc-header"> <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> <button class="wv-doc-copy" data-tpl="{{{nombre}}}" data-params="{{{params}}}">Copiar</button> </div> <div class="wv-doc-block">{{{params}}}</div> </div></includeonly> 08vxdn6efrlxqd44dj0zn1emnm384vd 253148 253146 2026-05-13T23:27:34Z Jsmura 5370 253148 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis copiable. ; Uso: <pre>{{DocSintaxis |nombre=NombreDeLaPlantilla |params= {{DocParams|type|req|1/2/3/4}} {{DocParams|img|opt}} {{DocParams|title|req}} {{DocParams|content|req}} }}</pre></noinclude><includeonly><div class="wv-doc-wrap"> <div class="wv-doc-header"> <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> <button class="wv-doc-copy" data-tpl="{{{nombre}}}" data-params="{{{params}}}">Copiar</button> </div> <div class="wv-doc-block">{{{params}}}</div> </div></includeonly> smn31s2qs18v8ff6c781ohzdj7u767k 253151 253148 2026-05-13T23:31:56Z Jsmura 5370 253151 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis copiable. ; Uso: <pre>{{DocSintaxis |nombre=NombreDeLaPlantilla |params= {{DocParams|type|req|1/2/3/4}} {{DocParams|img|opt}} {{DocParams|title|req}} {{DocParams|content|req}} }}</pre></noinclude><includeonly><div class="wv-doc-wrap"> <div class="wv-doc-header"> <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> <span class="wv-doc-copy" role="button" tabindex="0">📋 Copiar</span> </div> <div class="wv-doc-block">{{{params}}}</div> </div></includeonly> cy126shvv9wnycyfkgecdfks6qomqxp 253152 253151 2026-05-13T23:35:38Z Jsmura 5370 253152 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis copiable. ; Uso: <pre>{{DocSintaxis |nombre=NombreDeLaPlantilla |params= {{DocParams|type|req|1/2/3/4}} {{DocParams|img|opt}} {{DocParams|title|req}} {{DocParams|content|req}} }}</pre></noinclude><includeonly> <div class="wv-doc-wrap"> <div class="wv-doc-header"> <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> <span class="wv-doc-copy" role="button" tabindex="0">📋 Copiar</span> </div> <div class="wv-doc-block"><span class="wv-doc-braces">{{</span><span class="wv-doc-tname">{{{nombre}}}</span> {{{params}}} <span class="wv-doc-braces">}}</span></div> </div></includeonly> h0r3z3yvs6aeya18mrmpoiqhloqw8vt 253155 253152 2026-05-13T23:37:42Z Jsmura 5370 253155 wikitext text/x-wiki <noinclude> Plantilla de documentación de sintaxis copiable. ; Uso: <pre>{{DocSintaxis |nombre=NombreDeLaPlantilla |params= {{DocParams|type|req|1/2/3/4}} {{DocParams|img|opt}} {{DocParams|title|req}} {{DocParams|content|req}} }}</pre></noinclude><includeonly> <div class="wv-doc-wrap"> <div class="wv-doc-header"> <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> <span class="wv-doc-copy" role="button" tabindex="0">📋 Copiar</span> </div> <div class="wv-doc-block"><span class="wv-doc-braces"><nowiki>{{</nowiki></span><span class="wv-doc-tname">{{{nombre}}}</span> {{{params}}} <span class="wv-doc-braces"><nowiki>}}</nowiki></span></div> </div></includeonly> p5proqnu1zper6snchvr8bi4amolk1i 253159 253155 2026-05-13T23:50:04Z Jsmura 5370 253159 wikitext text/x-wiki <noinclude> Plantilla principal del sistema de documentación de plantillas. Muestra un bloque de sintaxis con colores por obligatoriedad, introducción y botón de copia. ; Parámetros * '''nombre''' — nombre exacto de la plantilla a documentar * '''desc''' — párrafo de descripción y uso general * '''nota1''', '''nota2''', '''nota3''' — notas adicionales al pie (opcionales) * '''params''' — filas de parámetros usando <nowiki>{{WV-DocParam}}</nowiki> ; Ejemplo de uso <pre> {{DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información compacta y adaptable a distintos tamaños de pantalla. |nota1=Selecciona solo un valor de type |nota2=img acepta nombre de archivo wiki |params= {{DocParam|type|req|1 / 2 / 3 / 4}} {{DocParam|img|opt}} {{DocParam|title|req}} {{DocParam|content|req}} }} </pre> 2wy2dyviwxhhbvdlp4662co54zhfd6j 253160 253159 2026-05-13T23:50:41Z Jsmura 5370 253160 wikitext text/x-wiki <noinclude> Plantilla principal del sistema de documentación de plantillas. Muestra un bloque de sintaxis con colores por obligatoriedad, introducción y botón de copia. ; Parámetros * '''nombre''' — nombre exacto de la plantilla a documentar * '''desc''' — párrafo de descripción y uso general * '''nota1''', '''nota2''', '''nota3''' — notas adicionales al pie (opcionales) * '''params''' — filas de parámetros usando <nowiki>{{WV-DocParam}}</nowiki> ; Ejemplo de uso <pre> {{DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información compacta y adaptable a distintos tamaños de pantalla. |nota1=Selecciona solo un valor de type |nota2=img acepta nombre de archivo wiki |params= {{DocParam|type|req|1 / 2 / 3 / 4}} {{DocParam|img|opt}} {{DocParam|title|req}} {{DocParam|content|req}} }} </pre></noinclude><includeonly> <div class="wv-doc-wrap" data-tplname="{{{nombre}}}"><div class="wv-doc-intro"><h3 class="wv-doc-tname-head">{{{nombre}}}</h3><p class="wv-doc-desc">{{{desc}}}</p><p class="wv-doc-desc wv-doc-copy-hint">Haz clic en <strong>Copiar plantilla</strong> para obtenerla lista para pegar en el editor. Rellena los parámetros obligatorios y elimina los opcionales que no necesites.</p></div><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"><div class="wv-doc-card-top"><span class="wv-doc-display-name"><span class="wv-doc-brace">{{</span>{{{nombre}}}<span class="wv-doc-brace">}}</span></span><span class="wv-doc-copy-btn" role="button" tabindex="0">📋 Copiar plantilla</span></div><div class="wv-doc-params">{{{params}}}</div>{{#if:{{{nota1|}}}|<div class="wv-doc-footer">{{#if:{{{nota1|}}}|<span class="wv-doc-nota">{{{nota1}}}</span>|}}{{#if:{{{nota2|}}}|<span class="wv-doc-nota">{{{nota2}}}</span>|}}{{#if:{{{nota3|}}}|<span class="wv-doc-nota">{{{nota3}}}</span>|}}</div>|}}</div></div> </includeonly> rtbfx6h3kn9cx9xox9ajrbwr1pbyw0c 253170 253160 2026-05-14T00:00:00Z Jsmura 5370 253170 wikitext text/x-wiki <noinclude> Plantilla principal del sistema de documentación de plantillas. Muestra un bloque de sintaxis con colores por obligatoriedad, introducción y botón de copia. ; Parámetros * '''nombre''' — nombre exacto de la plantilla a documentar * '''desc''' — párrafo de descripción y uso general * '''nota1''', '''nota2''', '''nota3''' — notas adicionales al pie (opcionales) * '''params''' — filas de parámetros usando <nowiki>{{DocParam}}</nowiki> ; Ejemplo de uso <pre> {{DocSintaxis |nombre=Card info small responsive |desc=Inserta una tarjeta de información compacta y adaptable a distintos tamaños de pantalla. |nota1=Selecciona solo un valor de type |nota2=img acepta nombre de archivo wiki |params= {{DocParam|type|req|1 / 2 / 3 / 4}} {{DocParam|img|opt}} {{DocParam|title|req}} {{DocParam|content|req}} }} </pre></noinclude><includeonly> <div class="wv-doc-wrap" data-tplname="{{{nombre}}}"><div class="wv-doc-intro"><h3 class="wv-doc-tname-head">{{{nombre}}}</h3><p class="wv-doc-desc">{{{desc}}}</p><p class="wv-doc-desc wv-doc-copy-hint">Haz clic en <strong>Copiar plantilla</strong> para obtenerla lista para pegar en el editor. Rellena los parámetros obligatorios y elimina los opcionales que no necesites.</p></div><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"><div class="wv-doc-card-top"><span class="wv-doc-display-name"><span class="wv-doc-brace">{{</span>{{{nombre}}}<span class="wv-doc-brace">}}</span></span><span class="wv-doc-copy-btn" role="button" tabindex="0">📋 Copiar plantilla</span></div><div class="wv-doc-params">{{{params}}}</div>{{#if:{{{nota1|}}}|<div class="wv-doc-footer">{{#if:{{{nota1|}}}|<span class="wv-doc-nota">{{{nota1}}}</span>|}}{{#if:{{{nota2|}}}|<span class="wv-doc-nota">{{{nota2}}}</span>|}}{{#if:{{{nota3|}}}|<span class="wv-doc-nota">{{{nota3}}}</span>|}}</div>|}}</div></div> </includeonly> o0uojkgo5lxav2z4e080o1od5x98dtn 253201 253170 2026-05-14T04:05:06Z Jsmura 5370 253201 wikitext text/x-wiki <noinclude> Bloque principal de documentación de sintaxis de una plantilla. Genera automáticamente el bloque de ejemplo si algún WV-DocParam tiene valor en el parámetro 4. ; Parámetros * '''nombre''' — nombre exacto de la plantilla * '''desc''' — descripción de uso general * '''nota1''', '''nota2''', '''nota3''' — notas al pie (opcionales) * '''params''' — filas via <code><nowiki>{{WV-DocParam}}</nowiki></code> ; Uso <pre>{{DocSintaxis |nombre=MiPlantilla |desc=Descripción de la plantilla. |nota1=Una nota útil |params= {{DocParam|param1|req|opcionA / opcionB|opcionA}} {{DocParam|param2|opt||valor de ejemplo}} }}</pre></noinclude><includeonly> <div class="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><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:{{{nota1|}}}|<div class="wv-doc-footer">{{#if:{{{nota1|}}}|<span class="wv-doc-nota">{{{nota1}}}</span>|}}{{#if:{{{nota2|}}}|<span class="wv-doc-nota">{{{nota2}}}</span>|}}{{#if:{{{nota3|}}}|<span class="wv-doc-nota">{{{nota3}}}</span>|}}</div>|}}</div> </includeonly> dsdouz2tn8pvag8c5xfcz8ge9hmjmdn 253207 253201 2026-05-14T04:48:33Z Jsmura 5370 253207 wikitext text/x-wiki <noinclude> Bloque principal de documentación de sintaxis de una plantilla. Genera automáticamente el bloque de ejemplo si algún WV-DocParam tiene valor en el parámetro 4. ; Parámetros * '''nombre''' — nombre exacto de la plantilla * '''desc''' — descripción de uso general * '''nota1''', '''nota2''', '''nota3''' — notas al pie (opcionales) * '''params''' — filas via <code><nowiki>{{WV-DocParam}}</nowiki></code> ; Uso <pre>{{DocSintaxis |nombre=MiPlantilla |desc=Descripción de la plantilla. |nota1=Una nota útil |params= {{DocParam|param1|req|opcionA / opcionB|opcionA}} {{DocParam|param2|opt||valor de ejemplo}} }}</pre></noinclude><includeonly> <div class="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> <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:{{{nota1|}}}|<div class="wv-doc-footer">{{#if:{{{nota1|}}}|<span class="wv-doc-nota">{{{nota1}}}</span>|}}{{#if:{{{nota2|}}}|<span class="wv-doc-nota">{{{nota2}}}</span>|}}{{#if:{{{nota3|}}}|<span class="wv-doc-nota">{{{nota3}}}</span>|}}</div>|}}</div> </includeonly> 6je8r36dk6gm0poxg7eti8xu76vsy8o 2 18409 253162 2026-05-13T23:51:27Z Jsmura 5370 Página creada con «<noinclude> Fila individual de parámetro para usar dentro de <nowiki>{{WV-DocSintaxis}}</nowiki>. ; Parámetros * '''1''' — nombre del parámetro * '''2''' — <code>req</code> para obligatorio, <code>opt</code> para opcional * '''3''' — (opcional) valores posibles mostrados inline: <code>1 / 2 / 3 / 4</code> * '''4''' — (opcional) valor que se incluye al copiar (por defecto vacío) ; Ejemplo <pre> {{WV-DocParam|type|req|1 / 2 / 3 / 4}} {{WV-DocParam|img|opt}…» 253162 wikitext text/x-wiki <noinclude> Fila individual de parámetro para usar dentro de <nowiki>{{WV-DocSintaxis}}</nowiki>. ; Parámetros * '''1''' — nombre del parámetro * '''2''' — <code>req</code> para obligatorio, <code>opt</code> para opcional * '''3''' — (opcional) valores posibles mostrados inline: <code>1 / 2 / 3 / 4</code> * '''4''' — (opcional) valor que se incluye al copiar (por defecto vacío) ; Ejemplo <pre> {{WV-DocParam|type|req|1 / 2 / 3 / 4}} {{WV-DocParam|img|opt}} {{WV-DocParam|title|req}} </pre></noinclude><includeonly> <div class="wv-doc-row wv-doc-{{#ifeq:{{{2}}}|req|req|opt}}" data-key="{{{1}}}" data-val="{{{4|}}}"><span class="wv-doc-pipe">|</span><span class="wv-doc-key">{{{1}}}</span><span class="wv-doc-eq">=</span>{{#if:{{{3|}}}|<span class="wv-doc-optvals">{{{3}}}</span>|}}</div> </includeonly> fp9ywp47nsjk24kb9s8oosv91x27o51 253164 253162 2026-05-13T23:52:05Z Jsmura 5370 253164 wikitext text/x-wiki <noinclude> Fila individual de parámetro para usar dentro de <nowiki>{{WV-DocSintaxis}}</nowiki>. ; Parámetros * '''1''' — nombre del parámetro * '''2''' — <code>req</code> para obligatorio, <code>opt</code> para opcional * '''3''' — (opcional) valores posibles mostrados inline: <code>1 / 2 / 3 / 4</code> * '''4''' — (opcional) valor que se incluye al copiar (por defecto vacío) ; Ejemplo <pre> {{DocParam|type|req|1 / 2 / 3 / 4}} {{DocParam|img|opt}} {{DocParam|title|req}} </pre></noinclude><includeonly> <div class="wv-doc-row wv-doc-{{#ifeq:{{{2}}}|req|req|opt}}" data-key="{{{1}}}" data-val="{{{4|}}}"><span class="wv-doc-pipe">|</span><span class="wv-doc-key">{{{1}}}</span><span class="wv-doc-eq">=</span>{{#if:{{{3|}}}|<span class="wv-doc-optvals">{{{3}}}</span>|}}</div> </includeonly> 2wywzcow96rbw4pqdtjiszoztwywijj 253202 253164 2026-05-14T04:05:29Z Jsmura 5370 253202 wikitext text/x-wiki <noinclude> Fila individual de parámetro para usar dentro de <nowiki>{{WV-DocSintaxis}}</nowiki>. ; Parámetros posicionales * '''1''' — nombre del parámetro * '''2''' — <code>req</code> (obligatorio) u <code>opt</code> (opcional) * '''3''' — opciones a mostrar inline y que se incluyen al copiar (ej: <code>1 / 2 / 3 / 4</code>) * '''4''' — valor de ejemplo; si se incluye, aparece el bloque «Ejemplo de uso» ; Uso <pre> {{DocParam|type|req|1 / 2 / 3 / 4|2}} {{DocParam|img|opt||Foto.jpg}} {{DocParam|title|req||Mi título}} {{DocParam|content|req}} </pre></noinclude><includeonly> <div class="wv-doc-row wv-doc-{{#ifeq:{{{2}}}|req|req|opt}}" data-key="{{{1}}}" data-val="{{{3|}}}" data-example="{{{4|}}}"><span class="wv-doc-pipe">|</span><span class="wv-doc-key">{{{1}}}</span><span class="wv-doc-eq">=</span>{{#if:{{{3|}}}|<span class="wv-doc-optvals">{{{3}}}</span>|}}</div> </includeonly> q1h3b57zdq4np3as8pwvqrenn6ct5l5 2 18411 253197 2026-05-14T03:14:48Z Jsmura 5370 Página creada con «<div class="wvas-ayuda-card">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=Wikiviajes:Taberna|alt=Taberna]] <br/>{{{title|'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''}}}<br/> <p>{{{subtitle|El espacio principal de debate y consultas de la comunidad de Wikiviajes.}}}</p> </div><noinclude><pre> {{Card info medium responsive |img= |title= |subtitle= }} </pre></noinclude>» 253197 wikitext text/x-wiki <div class="wvas-ayuda-card">[[Archivo:{{{img|Wikivoyage-logo.svg}}}|link=Wikiviajes:Taberna|alt=Taberna]] <br/>{{{title|'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''}}}<br/> <p>{{{subtitle|El espacio principal de debate y consultas de la comunidad de Wikiviajes.}}}</p> </div><noinclude><pre> {{Card info medium responsive |img= |title= |subtitle= }} </pre></noinclude> lootvyy49xxgaw5i3ozgro636kkm0z1 253198 253197 2026-05-14T03:17:09Z Jsmura 5370 253198 wikitext text/x-wiki <div class="wvas-ayuda-card">[[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><pre> {{Card info medium responsive |img= |link= |title= |subtitle= }} </pre></noinclude> kt3vwewd9fwckw7nyhx6yw6jln7zsm4 253200 253198 2026-05-14T03:38:50Z Jsmura 5370 253200 wikitext text/x-wiki <div class="wvas-ayuda-card">[[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|req}} {{Usuario:Jsmura/DocParam|title|req}} {{Usuario:Jsmura/DocParam|subtitle|req}} }}</noinclude> pn96xd72zxxzocle7zxt9v7cb00qqza 253205 253200 2026-05-14T04:16:31Z Jsmura 5370 253205 wikitext text/x-wiki <div class="wvas-ayuda-card">[[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|req||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> b1gf2xik7nu1n8cbpfub2c722xhx9u4