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 1891 253535 253493 2026-05-19T05:55:23Z Urci dream 21466 /* Salud */ 253535 wikitext text/x-wiki {{Top |nombre_oficial = Islas Salomón |imagen_mapa = Solomon Islands on the globe (small islands magnified) (Polynesia centered).svg |imagen = Solomon Isles.jpg |pie_de_imagen = Vista aérea de las Islas Salomón. |capital = Honiara |idioma_oficial = [[guía de inglés|inglés]] |gentilicio =salomonense |superficie = 28 450 |población = 609 883 |población_año = 2014 |moneda = [[w:dólar de las Islas Salomón|dólar salomonense]] |horario = UTC+11 |horario_verano = |cctld = .sb |código_telefónico = 677 |intro = Las '''Islas Salomón''' (en inglés: ''Solomon Islands'') forman un país de {{eb|Oceanía}}, ubicado en la región de {{eb|Melanesia}}. Está compuesto por cerca de un millar de islas e islotes, la mayoría de las cuales pertenecen al archipiélago de Salomón; al oriente del país se encuentran las islas Santa Cruz. Al este de Islas Salomón se encuentra {{eb|Papúa Nueva Guinea}}, al norte está {{eb|Nauru}}, al este está {{eb|Tuvalu}} y al sur, {{eb|Vanuatu}}.}} == Comprender == === Historia === Se cree que las Islas Salomón han estado habitadas por personas melanesias durante miles de años. Se cree que los colonos de habla papuana comenzaron a llegar alrededor del 30,000 a. C. Los hablantes de austronesios llegaron alrededor del año 4.000 aC, trayendo elementos culturales como la canoa estabilizadora. Es entre 1.200 y 800 aC que los antepasados ​​de los polinesios, el pueblo lapita, llegaron del archipiélago de Bismarck con sus cerámicas características. [[Archivo:NATIVE CANOE, MARAU SOUND, SOLOMON ISLANDS.jpg|miniaturadeimagen|Canoa tradicional de las Islas Salomón]] El primer europeo en visitar las islas fue el navegante español Álvaro de Mendaña de Neira, procedente de Perú en 1568. Los habitantes de las Islas Salomón eran conocidos por la caza de cabezas y el canibalismo antes de la llegada de los europeos. Los misioneros comenzaron a visitar las Salomón a mediados del siglo XIX. Al principio progresaron poco, porque la "observación de aves negras" (el reclutamiento a menudo brutal de trabajadores para las plantaciones de azúcar en Queensland y Fiji) condujo a una serie de represalias y masacres. Los males del comercio laboral llevaron al Reino Unido a declarar un protectorado sobre el sur de Salomón en junio de 1893. Vista desde Fenualoa hacia Tinakula En la Segunda Guerra Mundial, hubo una feroz lucha entre los estadounidenses y los japoneses en la campaña de las Islas Salomón de 1942–45, incluida la Batalla de Guadalcanal. El autogobierno se logró en 1976 y la independencia dos años después. Las Islas Salomón son una monarquía constitucional con el Rey del Reino Unido, actualmente Carlos III, como jefe de estado, con un gobernador general designado como su representante. En 1998, la violencia étnica, la mala conducta del gobierno y el crimen minaron la estabilidad y la sociedad. En junio de 2003, una fuerza multinacional liderada por Australia, la Misión de Asistencia Regional a las Islas Salomón (RAMSI), llegó y restableció la paz, desarmó a las milicias étnicas y mejoró la gobernanza civil. También condujo al desarrollo de instalaciones que atienden a los trabajadores expatriados. La mayor parte de la población depende de la agricultura, la pesca y la silvicultura para al menos parte de su sustento. La mayoría de los productos manufacturados y productos derivados del petróleo deben ser importados. Las islas son ricas en recursos minerales no desarrollados como plomo, zinc, níquel y oro. Sin embargo, la violencia étnica severa, el cierre de empresas comerciales clave y una tesorería del gobierno vacía han llevado a un serio desorden económico, de hecho cerca del colapso. Las entregas de tanques de suministros cruciales de combustible (incluidos los de generación eléctrica) se han vuelto esporádicos debido a la incapacidad del gobierno para pagar y los ataques contra los buques. Las telecomunicaciones están amenazadas por la falta de pago de facturas y por la falta de personal técnico y de mantenimiento, muchos de los cuales han abandonado el país. [[Archivo:Utupua STS51F.png|miniaturadeimagen|Vista aérea de la isla de Utupua, forma parte de las Islas de Santa Cruz]] === Geografía === Las Islas Salomón son una nación insular amplia y la distancia entre las islas más occidentales y más orientales es de aproximadamente 1,500 km (930 millas). Las islas de Santa Cruz (de las cuales Tikopia es parte), están situadas al norte de Vanuatu y están especialmente aisladas a más de 200 km (120 millas) de las otras islas. Bougainville es geográficamente parte de las Islas Salomón, pero políticamente es una región autónoma de Papua Nueva Guinea . El archipiélago de las Islas Salomón es parte de dos ecorregiones terrestres distintas. La mayoría de las islas son parte de la ecorregión de bosques tropicales de las Islas Salomón. Estos bosques han sufrido una gran presión por parte de las actividades forestales. Las islas de Santa Cruz son parte de la ecorregión de bosques lluviosos de Vanuatu, junto con el archipiélago vecino de Vanuatu . Más de 230 variedades de orquídeas y otras flores tropicales iluminan el paisaje. Las islas contienen varios volcanes activos y latentes, siendo Tinakula y Kavachi los más activos. El punto más alto es el Monte Makarakomburu, a 2,447 metros. Muchos atolones de coral bajos salpican la región. Las '''Islas Salomón''' ocupan parte del archipiélago de las islas Salomón que comparten con el estado de Papúa Nueva Guinea. === Clima === El clima es tropical. Las temperaturas oscilan entre los 25 y 32 grados celsius, bajando entre tres y cinco durante la noche. El clima ecuatorial oceánico de las islas es extremadamente húmedo durante todo el año, con una temperatura media de 27 ° C (80 ° F) y pocos extremos de temperatura o clima. De junio a agosto es el período más fresco. Aunque las estaciones no son pronunciadas, los vientos del noroeste de noviembre a abril traen precipitaciones más frecuentes y ocasionales turbonadas o ciclones. La precipitación anual es de aproximadamente 3050 mm (120 in). === Economía === La mayoría de la población de las Islas Salomón depende de la agricultura, pesca y/o de la extracción florestal durante al menos parte de su vida.​ Según estimativas del año 2000 más del 75% de su fuerza laboral se dedica a la agricultura de subsistencia y la pesca.​ Hasta 1998, cuando los precios mundiales de las maderas tropicales cayeron abruptamente, la madera era el mayor producto de exportación, y en los últimos años, los bosques de las Islas Salomón fueron peligrosamente sobreexplotados. Otros cultivos importantes y exportaciones son la copra y el aceite de palma. En 1998, Ross Mining de Australia comenzó a producir oro en el canto de oro en Guadalcanal. La exploración de minerales en otras áreas continúa. Sin embargo, a raíz de la violencia étnica en junio de 2000, las exportaciones de aceite de palma y oro cesaron, mientras que las exportaciones de madera cayeron. La explotación de la pesca en las Islas Salomón ofrece las mejores perspectivas para la exportación y la expansión económica interna. Sin embargo, una empresa Japonesa, Solomon Taiyo Ltd., que operaba la fábrica de conservas de pescado en el país, cerró a mediados de 2000 como consecuencia de los disturbios étnicos. Aunque la planta ha vuelto a abrir bajo la gestión local, la exportación de atún no se ha reanudado. El turismo, especialmente el buceo, es una industria importante para las Islas Salomón. El crecimiento de la industria esta obstaculizado, por la falta de infraestructura de transporte, y seguridad. En 2017 el número de los turistas extranjeros se elevó a 26 000. Las Islas Salomón se vio particularmente afectada por la crisis financiera asiática, incluso antes de la violencia étnica de junio del 2000. El Banco Asiático de Desarrollo estima que la caída del mercado de maderas tropicales redujo el PIB de las Islas Salomón entre un 15% -25%. Cerca de la mitad de todos los puestos de trabajo en la industria de la madera se perdieron. El gobierno ha dicho que reformara las políticas de aprovechamiento de la madera con el fin de reanudar el registro en una base más sostenible. Antes de la llegada de la Misión de Asistencia Regional para las Islas Salomón - RAMSI - la intensa violencia étnica, el cierre de importantes negocios y el vaciamiento de las arcas del gobierno culminaron en colapso de la economía.​ Los esfuerzos de la RAMSI con miras a restaurar la ley y la orden y obtener la estabilización económica llevaron a un crecimiento modesto mientras la economía era reconstruida. == Regiones == [[Archivo:Isla de Matema, 2012.jpg|miniaturadeimagen|Isla de Matema]] Las Islas Salomón están divididas en nueve provincias y un territorio capital, [[Honiara]]. Las provincias son: Central, Choiseul (Lauru), Guadalcanal, Isabel, Makira (Kirakira), Malaita, Rennell y Bellona, Temotu y Occidental. {{Regionlist | regionmapa=Solomon Islands Regions map.png | regionmapanombre=Mapa de las Islas Salomón | regionmapatamano=500px | region1nombre=Choiseul | region1color=#59b567 | region1descripcion= la zona más septentrional; incluye las islas Treasury y las islas Shortland, así como la isla Choiseul | region2nombre= Islas Florida y Russell | region2color=#ac5c91 | region2items=Yandina | region2descripcion= Las Islas de Florida cuentan con cuatro islas principales y muchas otras más pequeñas; las Islas Russell cuentan con dos islas pequeñas | region3nombre=[[Guadalcanal]] | region3color=#c8b7b7 | region3items=Honiara, Aola Bay | region3descripcion= La isla más grande, alberga la capital y el principal aeropuerto. | region4nombre=Nueva Georgia | region4color=#d09440 | region4items=Noro | region4descripcion=La isla de Nueva Georgia, además de innumerables islotes y atolones | region5nombre=Malaita | region5color=#d0d84f | region5items=[[Auki]] | region5descripcion= La isla más poblada | region6nombre=[[Rennell y Bellona]] | region6color=#008080 | region6descripcion= Con solo unas 3.000 personas en total, estas son las islas menos pobladas | region7nombre=Makira | region7color=#808000 | region7descripcion= La isla ha sido conocida históricamente como de San Cristóbal | region8nombre=[[Santa Cruz Islands]] | region8color=#be4853 | region8descripcion= Pequeñas islas remotas del sureste, más cercanas a Vanuatu que a cualquier otro lugar de las Islas Salomón | region9nombre=Santa Isabel | region9color=#4f93c0 | region9descripcion= Primera isla de todo Salomón al que llegaron los europeos. }} == Ciudades == {{Mapframe|zoom=5|lat=-9.433|long=159.95}} * {{Marker|type=town|name=Honiora|wikidata=Q40921}} Es la cpaital del país. * {{Marker|type=town|lat=-8.223|long=157.2|name=[[New Georgia Islands|Noro]]}} * {{Marker|type=town|lat=-8.106| long=156.84|name=[[New Georgia Islands#Gizo|Gizo]]|wikidata=Q1236908}} Con 3.000 habitantes es la segunda ciudad más poblada del país, dispone de un pequeño aeropuerto. * {{Marker|type=town|lat=-8.16|long=159.62|name=[[Buala]]|wikidata=Q574769}} Es la capital de la provincia de Isabel * {{Marker|type=town|lat=-11.54|long=160.03|name=[[Tigoa]]|wikidata=Q987011}} Capital de la provincia de Renell y Bellona * {{Marker|type=town|lat=-9.09|long=160.15|name=[[Tulagi]]|wikidata= Q864870}} Isla y ciudad. Posee uno de los puertos pesqueros más importantes del país. * {{Marker|type=town|lat=-10.44|long=161.88|name=[[Kirakira]]|wikidata=Q713152}} Ciudad de casi 3.000 habitantes que posee un pequeño aeropuerto == Otros destinos == Las Islas Salomón están rodeadas de paradisíacas playas, bahías y arrecifes que representan el mayor atractivo del país. Muchos de los mismos se encuentran fuera de los centros urbanos o adyacentes a pequeños poblados. {{Marker|type=island|name=Uapi|wikidata=Q7877468}} Arrecife de coral cubierto por un espeso bosque tropical. Es uno de los mejores destinos del país para hacer submarinismo. {{Marker|type=lake|name= Lago Langa Langa|wikidata=Q6485651}} Lago situado en la isla Malaita. Es célebre por sus islas artificiales construidas siglos atrás. Recibe una cantidad pequeña de turismo, atraído por el paisaje y las constumbres ancestrales de los pueblos que habitan en las islas del lago. == Llegar == === Requisitos de entrada === [[Archivo:Visa policy of the Solomon Islands.svg|miniaturadeimagen|En verde los países que no necesitan visado, en amarillo los que sí]] Todos necesitan un pasaporte, un boleto de entrada y fondos suficientes para cubrir su estadía en las Islas Salomón. Desde octubre de 2016, los ciudadanos de la UE no requieren visa. Los ciudadanos de las siguientes nacionalidades pueden obtener visas de visitante a la llegada: Samoa Americana, Andorra, Anguila , Antigua y Barbuda , Argentina , Aruba , Australia , Bahamas , Barbados , Belice , Bonaire , Brasil , Islas Vírgenes Británicas, Brunei, Canadá, Islas Caimán, Chile, Islas Cook, Curazao, Dominica, República Dominicana, Fiji, Polinesia Francesa, Granada, Guadalupe, Guam, Guyana, Islandia, Israel, Japón, Corea del Sur, Kuwait, Liechtenstein, Malasia, Maldivas, Islas Marshall, Martinica, Estados Federados de Micronesia, Mónaco, Montserrat, Nauru, Nueva Caledonia, Nueva Zelanda, Niue, Isla Norfolk, Islas Marianas del Norte, Noruega, Palau, Papúa Nueva Guinea, Paraguay, Perú, Islas Pitcairn, Puerto Rico, Saba, Saint Kitts y Nevis, Santa Lucía, San Vicente y las Granadinas, Samoa, San Marino, Singapur, Surinam, Suecia, Suiza, Taiwán, Tailandia, Tonga, Trinidad y Tobago, Reino Unido, Estados Unidos, Uruguay, Vanuatu, Wallis y Futuna. Los ciudadanos de otros países, excepto Bielorrusia, Burundi, Etiopía, Ghana, Montenegro, Territorios Palestinos, Serbia, Sudáfrica, Sudán del Sur, Timor-Leste, Vaticano, Zimbabwe pueden obtener una visa a la llegada si tienen una confirmación de que una visa ha sido aprobada. antes de la salida.[[Archivo:Honiara Airport, Solomon Islands.jpg|miniaturadeimagen|Exterior de la terminal del Aeropuerto Internacional de Honiara]] Si tiene un permiso de visitante, no puede participar en trabajos, negocios, vocaciones religiosas o investigación profesional. Si desea hacer alguna de esas cosas, debe obtener un permiso comercial. === En avión === El aeropuerto internacional, Henderson, se encuentra a 11 km (7 millas) al este de la capital, Honiara . Los vuelos programados salen de Brisbane , Australia, la mayoría de los días. También hay vuelos entre Port Vila , Nadi , Port Moresby y Sydney . === En barco === Los cruceros visitan ocasionalmente Honiara. También es posible viajar desde el sur de Bougainville en Papúa Nueva Guinea en barco hasta la provincia occidental de las Islas Salomón, ya que los locales viajan habitualmente entre las Islas Shortland de Solomons y Bougainville.[[Archivo:Gizo Airport 1.JPG|miniaturadeimagen|Aeropuerto de Gizo]] == Desplazarse == ===En coche === Hay tráfico por la izquierda. Los caminos rurales están en su mayoría en malas condiciones. Hacer autostop es común en las zonas rurales por una tarifa. Los autos de alquiler solo están disponibles en Guadacanal. De los 1.300 km de carreteras en el país, solo 16 km fueron asfaltados en 2016, alrededor de 800 km son caminos privados en plantaciones. El transporte público local, en forma de minibuses, solo está disponible durante el día en la capital. Los taxis solo operan en Honiara y Auki. El precio debe ser acordado antes de comenzar el viaje. === En avión === Una lista de los pequeños aeropuertos se puede encontrar en Wikipedia. Los principales medios de transporte entre las islas son barcos o vuelos de ''Solomon Airlines'' ( horarios de vuelo ). Los principales sitios de aterrizaje además de la capital son Seghe, Munda y Gizo. El equipaje está limitado a 16 kg. [[Archivo:A fully packed boat transports passengers to Auki, the capital of Malaita. (10662105363).jpg|miniaturadeimagen|Barco de pasajeros completamente lleno]] === En barco === El tráfico regular de pasajeros existe entre Honiara ↔ Auiki (Malaita) y Honiara ↔ Gizo a través de Marovo una vez por semana. El hacinamiento de los transbordadores es la regla, los chalecos salvavidas no están necesariamente disponibles (en cantidades suficientes). == Hablar == En las islas se hablan aproximadamente 68 lenguas indígenas melanesias, y la mayoría de los ciudadanos utilizan el pijin como lengua franca. El [[Guía de inglés|inglés]] es el idioma oficial, pero solo lo habla entre el 1 % y el 2 % de la población. == Ver == [[Archivo:East Rennell-112651.jpg|miniaturadeimagen|Selva en Rennell Este]] La '''naturaleza''' es el mayor atractivo de las islas. Con sus más de 900 islas, playas de aguas cristalinas, arrecifes de coral y selvas vírgenes, la convierten en un destino perfecto para quienes buscan disfrutar de la biodiversidad. El país dispone de un elemento Patrimonio Mundial de la UNESCO: Renell Este, que se trata del mayor atolón del mundo, que alcanza 85 kjlómetros de largo y 15 ancho. A su vez alberga un lago de agua salobre, el Lago Tegano, que con 15.000 hectáreas es el lago continental más grande del Pacífico. La isla está cubierta por una densa selva tropical, cuyos árboles alcanzan los 20 metros de altura. Fue declarado como Patrimonio de la Humanidad en 1998. [[Archivo:Grumman F4F-4 Wildcat (45549563891).jpg|miniaturadeimagen|Restos de un avión en el Museo de la Guerra de Vilu]] Otro atractivo natural es el Complejo Marovo-Tetepare, que forma parte de la lista indicativa de la UNESCO, abarca más de 1600 km² de ecosistemas terrestres y marinos. Está formado por un paisaje de volcanes inactivos, cordilleras interiores escarpadas, extensos sistemas de lagunas y numerosas islas. Al abarcar algunos de los mejores ejemplos de todos los biomas del Pacífico —arrecifes de coral, complejos estuarinos e insulares, bosques de manglares y praderas marinas—, así como una gran diversidad de tipos de bosques, incluidos los bosques montanos y algunas de las últimas extensiones de selva tropical de tierras bajas que quedan, la zona alberga una biodiversidad marina excepcional a escala mundial. Por otro lado, alberga comunidades tradicionales cuya gestión del territorio se realiza de manera consuetudinaria. Las islas fueron ocupadas por los japoneses y protagonizaron diversas batallas durante la '''Segunda Guerra Mundial''', siendo la más célebre la de Guadalcanal. Sobre todo en esa isla, hay numerosos restos bélicos de todo tipo, desde aviones a restos de artillería, así como barcos hundidos. La isla de Guadalcanal es un destino perfecto para los amantes del buceo bélico, ya que en sus costas alberga decenas de barcos, submarinos y aviones hundidos. La isla de Balalae alberga también numerosos aviones derribados entre la selva. Respecto a Museos de Guerra, en Vilu, en Guadalcanal hay un museo, formado por la colección de numerosos objetos, fundamentalmente restos de aviones y cañones de artillería. En Munda hay otro museo que alberga colección de artefactos de todo tipo, desde equipos, fotografías, documentos y objetos personales de fuerzas estadounidenses y japonesas, llegando a tener placas de identificación y municiones recuperadas de un tanque estadounidense. El museo tiene un enfoque de la perspectiva local del conflicto y de cómo la ciudadanía lo sufrió. En Guadalcanal hay un Memorial dedicado a los soldados estadounidenses caídos en la batalla.[[Archivo:LaulasiShellmoney2.jpg|miniaturadeimagen|Elaboración del dinero de concha]]A nivel '''cultural''', el Lago Langa Langa es uno de los más interesantes. Las comunidades que allí residen aún mantienen una serie de costumbres ancestrales muy acentuadas, entre las que destacan el "culto al tiburón" y la realización del "dinero de concha". Estas comunidades aún mantienen creencias animistas, entre las cuales los tiburones ayudan a los pescadores y se les rinde culto y sacrificios. Las ceremonias de este culto no están abiertas al turismo, aunque puede darse el caso de que algún sacerdote las permita. Respecto al dinero de concha, ha sido un tipo de moneda realizado con diferentes conchas, usado durante siglos como método de transacción. Actualmente sigue activa la realización, usándose como dote para las bodas, así como usándose como souvenir para la industria turística como pulseras o pendientes. También hay una amplia industria artesanal de barcas artesanales y sigue muy activo el folklore a través de numerosas danzas tradicionales. El Museo Nacional de Islas Salomón, alberga una colección de hallazgos arqueológicos y objetos tradicionales del país. Existen artefactos muy diversos como máscaras ceremoniales, herramientas antiguas e instrumentos musicales, teniendo algunos de ellos uso hoy en día. == Hacer == El '''submarinismo y el esnórquel''' son actividades imprescindibles a realizar en las islas. Su amplia biodiversidad, arrecifes, cuevas submarinas, lo convierten en uno de los destinos preferidos del mundo para practicarlo. Se encuentran centenares de especies diferentes tanto de fauna marina como de flora marina. Los mejores lugares paras bucear son Corte Leru, un acantilado y abismo submarino con numerosas especies diferentes; Playa Blanca, donde hay numerosos restos bélicos de la II Guerra Mundial; La Carretera del Diablo, lugar con numerosas corrientes y el mejor de las islas para bucear junto a mantas marinas; o las inmersiones al USS Aaron Ward, un pecio americano con parte muy bien conversada, incluido con los cañones; o el Toa Maru, un barco de transporte japonés, muy bien conservado, con numersoos artefactos, como equipo médico, material de oficina, o bombas. == Comprar == === Dinero === {{Tasa de cambio/infobox|SBD}} La moneda del país es el '''dólar de las Islas Salomón''' , denotado por el símbolo " '''SI $''' " (código de moneda ISO: '''SBD''' ). Se divide en 100 centavos. Los billetes se emiten en denominaciones de $ 5, $ 10, $ 20, $ 50, $ 100 y monedas en denominaciones de 10, 20, 50 centavos, $ 1, $ 2 Los cajeros automáticos están disponibles en Honiara. Se aceptan dólares australianos en algunos hoteles y resorts. == Beber y salir == La Kava es popular en el país, aunque se ha comercializado de forma turística, mezclándola con otros ingredientes, incluido alcohol. La cerveza es muy popular en el país, así como el aguardiente, y el paiawara, un licor realizado de manera casera, con una alta graduación y sin muchas garantías sanitarias. Se consume en eventos privados y celebraciones, y se puede adquirir en puestos de venta callejeros. Hay muchos pubs con muy buen ambiente de música y billares, aunque por la noche en la madrugada, el ambiente puede ser un poco complicado. Para disfrutar de ambientes más exclusivos lo mejor son los locales de los resorts hoteleros. == Salud == Las enfermedades transmitidas por mosquitos son comunes en las Islas Salomón. Se recomienda tomar medidas para evitar sus picaduras, especialmente al amanecer y al atardecer, como usar repelentes y vestir con ropa de manga larga ligera holgada de colores claros. En el caso de la malaria, hay riesgo todo el año, por lo que se aconseja tomar medicamentos profilácticos. Respecto al dengue, enfermedad de la que puede haber brotes, se recuerda que no hay vacuna ni tratamiento. Las enfermedades transmitidas por el agua, por la comida y otras enfermedades infecciosas son frecuentes. Se recomienda beber agua embotellada o, en su defecto, hervirla antes de beberla y evitar el consumo de comida poco cocinada o cruda y de cubitos de hielo. Se aconseja buscar ayuda médica en caso de sufrir diarrea o fiebre. El servicio sanitario no es de mucha calidad y muy limitado. Se recomienda adquirir un seguro de viaje que cubra la repatriación. La vacuna contra la fiebre amarilla es obligatoria para los viajeros que vengan de países donde exista esa enfermedad. Los viajeros que vengan de Australia, Nueva Zelanda, Samoa Americana, Samoa, Tonga, Filipinas, Fiyi, Kiribati y Papúa Nueva Guinea, incluso aunque sea en tránsito, deberán vacunarse de sarampión quince días antes de su llegada al país y poder demostrar documentalmente que han sido vacunados. De lo contrario, se les impedirá embarcar o se les deportará. Todos los viajeros que ingresen en el país deben rellena runa declaración sobre su estado de salud. == Seguridad == {{Alerta de viaje|Colectivo LGTBI|Las relaciones entre personas del mismo sexo están perseguidas con penas de prisión}} En Honiara deben tomarse ciertas precauciones, ya que ha habido un aumento de las armas de fuego. Se desaconseja salir andando por la noche en la ciudad. También debe prestarse especial atención a las pertenenciasen zonas concurridas. No deben visitarse los asentamientos ilegales en los alrededores de Honiara y “White River”,  “Lungga Bridge”, "Lungga River", “Sun Valley”, “Mataniko Bridge”, "Burns Creek" y “Henderson” (aeropuerto). Debe tenerse precacuión especial en “Central Market”, “Point Cruz”,  “Chinatown”, “Kukum”, “Borderline” y “Kombito Market”. Islas Salomón está ubicado en el Cinturón de Fuego del Pacífico, zona con mucho riesgo de tsunamis, terremotos y ciclones. Es importante estar atento al servicio de radio, ya que hay riesgo de tsunamis localizados por terremotos submarinos. El estado de las carreteras y vehículos es bastante deficiente, por lo que debe tenerse muchas precaución al circular. Los ferris y transbordadores que conectan las diferentes islas no ofrecen muchas garantías de seguridad, por lo que debe considerarse usarlos. En caso de usarlos, es importante llevar chaleco salvavidas. Las islas están sometidas a ciclones, cuya época es entre noviembre y mayo, por lo que se desaconseja viajar en esa época. Hay cocodrilos de agua dulce y salada, y son bastante comunes, por lo que debe tenerse precaución al acercarse a los cursos de agua. sobre todo, si no son turísticos. También hay zonas donde los tiburones llegan a las playas, Para bañarse es recomendable preguntar siempre a los locales. == Otros destinos == * [[Australia]] * [[Nueva Zelanda]] * [[Indonesia]] {{estado artículo|tipo=país |calidad=esbozo }} {{geo|-8.80908|160.83984|zoom=7}} {{EstáEn|Oceanía}} [[Categoría:Oceanía]] [[Categoría:Océano Pacífico]] sb1lw1ed0y1x00xds7ob7522ehfyfmf 253536 253535 2026-05-19T05:56:21Z Urci dream 21466 /* Beber y salir */ 253536 wikitext text/x-wiki {{Top |nombre_oficial = Islas Salomón |imagen_mapa = Solomon Islands on the globe (small islands magnified) (Polynesia centered).svg |imagen = Solomon Isles.jpg |pie_de_imagen = Vista aérea de las Islas Salomón. |capital = Honiara |idioma_oficial = [[guía de inglés|inglés]] |gentilicio =salomonense |superficie = 28 450 |población = 609 883 |población_año = 2014 |moneda = [[w:dólar de las Islas Salomón|dólar salomonense]] |horario = UTC+11 |horario_verano = |cctld = .sb |código_telefónico = 677 |intro = Las '''Islas Salomón''' (en inglés: ''Solomon Islands'') forman un país de {{eb|Oceanía}}, ubicado en la región de {{eb|Melanesia}}. Está compuesto por cerca de un millar de islas e islotes, la mayoría de las cuales pertenecen al archipiélago de Salomón; al oriente del país se encuentran las islas Santa Cruz. Al este de Islas Salomón se encuentra {{eb|Papúa Nueva Guinea}}, al norte está {{eb|Nauru}}, al este está {{eb|Tuvalu}} y al sur, {{eb|Vanuatu}}.}} == Comprender == === Historia === Se cree que las Islas Salomón han estado habitadas por personas melanesias durante miles de años. Se cree que los colonos de habla papuana comenzaron a llegar alrededor del 30,000 a. C. Los hablantes de austronesios llegaron alrededor del año 4.000 aC, trayendo elementos culturales como la canoa estabilizadora. Es entre 1.200 y 800 aC que los antepasados ​​de los polinesios, el pueblo lapita, llegaron del archipiélago de Bismarck con sus cerámicas características. [[Archivo:NATIVE CANOE, MARAU SOUND, SOLOMON ISLANDS.jpg|miniaturadeimagen|Canoa tradicional de las Islas Salomón]] El primer europeo en visitar las islas fue el navegante español Álvaro de Mendaña de Neira, procedente de Perú en 1568. Los habitantes de las Islas Salomón eran conocidos por la caza de cabezas y el canibalismo antes de la llegada de los europeos. Los misioneros comenzaron a visitar las Salomón a mediados del siglo XIX. Al principio progresaron poco, porque la "observación de aves negras" (el reclutamiento a menudo brutal de trabajadores para las plantaciones de azúcar en Queensland y Fiji) condujo a una serie de represalias y masacres. Los males del comercio laboral llevaron al Reino Unido a declarar un protectorado sobre el sur de Salomón en junio de 1893. Vista desde Fenualoa hacia Tinakula En la Segunda Guerra Mundial, hubo una feroz lucha entre los estadounidenses y los japoneses en la campaña de las Islas Salomón de 1942–45, incluida la Batalla de Guadalcanal. El autogobierno se logró en 1976 y la independencia dos años después. Las Islas Salomón son una monarquía constitucional con el Rey del Reino Unido, actualmente Carlos III, como jefe de estado, con un gobernador general designado como su representante. En 1998, la violencia étnica, la mala conducta del gobierno y el crimen minaron la estabilidad y la sociedad. En junio de 2003, una fuerza multinacional liderada por Australia, la Misión de Asistencia Regional a las Islas Salomón (RAMSI), llegó y restableció la paz, desarmó a las milicias étnicas y mejoró la gobernanza civil. También condujo al desarrollo de instalaciones que atienden a los trabajadores expatriados. La mayor parte de la población depende de la agricultura, la pesca y la silvicultura para al menos parte de su sustento. La mayoría de los productos manufacturados y productos derivados del petróleo deben ser importados. Las islas son ricas en recursos minerales no desarrollados como plomo, zinc, níquel y oro. Sin embargo, la violencia étnica severa, el cierre de empresas comerciales clave y una tesorería del gobierno vacía han llevado a un serio desorden económico, de hecho cerca del colapso. Las entregas de tanques de suministros cruciales de combustible (incluidos los de generación eléctrica) se han vuelto esporádicos debido a la incapacidad del gobierno para pagar y los ataques contra los buques. Las telecomunicaciones están amenazadas por la falta de pago de facturas y por la falta de personal técnico y de mantenimiento, muchos de los cuales han abandonado el país. [[Archivo:Utupua STS51F.png|miniaturadeimagen|Vista aérea de la isla de Utupua, forma parte de las Islas de Santa Cruz]] === Geografía === Las Islas Salomón son una nación insular amplia y la distancia entre las islas más occidentales y más orientales es de aproximadamente 1,500 km (930 millas). Las islas de Santa Cruz (de las cuales Tikopia es parte), están situadas al norte de Vanuatu y están especialmente aisladas a más de 200 km (120 millas) de las otras islas. Bougainville es geográficamente parte de las Islas Salomón, pero políticamente es una región autónoma de Papua Nueva Guinea . El archipiélago de las Islas Salomón es parte de dos ecorregiones terrestres distintas. La mayoría de las islas son parte de la ecorregión de bosques tropicales de las Islas Salomón. Estos bosques han sufrido una gran presión por parte de las actividades forestales. Las islas de Santa Cruz son parte de la ecorregión de bosques lluviosos de Vanuatu, junto con el archipiélago vecino de Vanuatu . Más de 230 variedades de orquídeas y otras flores tropicales iluminan el paisaje. Las islas contienen varios volcanes activos y latentes, siendo Tinakula y Kavachi los más activos. El punto más alto es el Monte Makarakomburu, a 2,447 metros. Muchos atolones de coral bajos salpican la región. Las '''Islas Salomón''' ocupan parte del archipiélago de las islas Salomón que comparten con el estado de Papúa Nueva Guinea. === Clima === El clima es tropical. Las temperaturas oscilan entre los 25 y 32 grados celsius, bajando entre tres y cinco durante la noche. El clima ecuatorial oceánico de las islas es extremadamente húmedo durante todo el año, con una temperatura media de 27 ° C (80 ° F) y pocos extremos de temperatura o clima. De junio a agosto es el período más fresco. Aunque las estaciones no son pronunciadas, los vientos del noroeste de noviembre a abril traen precipitaciones más frecuentes y ocasionales turbonadas o ciclones. La precipitación anual es de aproximadamente 3050 mm (120 in). === Economía === La mayoría de la población de las Islas Salomón depende de la agricultura, pesca y/o de la extracción florestal durante al menos parte de su vida.​ Según estimativas del año 2000 más del 75% de su fuerza laboral se dedica a la agricultura de subsistencia y la pesca.​ Hasta 1998, cuando los precios mundiales de las maderas tropicales cayeron abruptamente, la madera era el mayor producto de exportación, y en los últimos años, los bosques de las Islas Salomón fueron peligrosamente sobreexplotados. Otros cultivos importantes y exportaciones son la copra y el aceite de palma. En 1998, Ross Mining de Australia comenzó a producir oro en el canto de oro en Guadalcanal. La exploración de minerales en otras áreas continúa. Sin embargo, a raíz de la violencia étnica en junio de 2000, las exportaciones de aceite de palma y oro cesaron, mientras que las exportaciones de madera cayeron. La explotación de la pesca en las Islas Salomón ofrece las mejores perspectivas para la exportación y la expansión económica interna. Sin embargo, una empresa Japonesa, Solomon Taiyo Ltd., que operaba la fábrica de conservas de pescado en el país, cerró a mediados de 2000 como consecuencia de los disturbios étnicos. Aunque la planta ha vuelto a abrir bajo la gestión local, la exportación de atún no se ha reanudado. El turismo, especialmente el buceo, es una industria importante para las Islas Salomón. El crecimiento de la industria esta obstaculizado, por la falta de infraestructura de transporte, y seguridad. En 2017 el número de los turistas extranjeros se elevó a 26 000. Las Islas Salomón se vio particularmente afectada por la crisis financiera asiática, incluso antes de la violencia étnica de junio del 2000. El Banco Asiático de Desarrollo estima que la caída del mercado de maderas tropicales redujo el PIB de las Islas Salomón entre un 15% -25%. Cerca de la mitad de todos los puestos de trabajo en la industria de la madera se perdieron. El gobierno ha dicho que reformara las políticas de aprovechamiento de la madera con el fin de reanudar el registro en una base más sostenible. Antes de la llegada de la Misión de Asistencia Regional para las Islas Salomón - RAMSI - la intensa violencia étnica, el cierre de importantes negocios y el vaciamiento de las arcas del gobierno culminaron en colapso de la economía.​ Los esfuerzos de la RAMSI con miras a restaurar la ley y la orden y obtener la estabilización económica llevaron a un crecimiento modesto mientras la economía era reconstruida. == Regiones == [[Archivo:Isla de Matema, 2012.jpg|miniaturadeimagen|Isla de Matema]] Las Islas Salomón están divididas en nueve provincias y un territorio capital, [[Honiara]]. Las provincias son: Central, Choiseul (Lauru), Guadalcanal, Isabel, Makira (Kirakira), Malaita, Rennell y Bellona, Temotu y Occidental. {{Regionlist | regionmapa=Solomon Islands Regions map.png | regionmapanombre=Mapa de las Islas Salomón | regionmapatamano=500px | region1nombre=Choiseul | region1color=#59b567 | region1descripcion= la zona más septentrional; incluye las islas Treasury y las islas Shortland, así como la isla Choiseul | region2nombre= Islas Florida y Russell | region2color=#ac5c91 | region2items=Yandina | region2descripcion= Las Islas de Florida cuentan con cuatro islas principales y muchas otras más pequeñas; las Islas Russell cuentan con dos islas pequeñas | region3nombre=[[Guadalcanal]] | region3color=#c8b7b7 | region3items=Honiara, Aola Bay | region3descripcion= La isla más grande, alberga la capital y el principal aeropuerto. | region4nombre=Nueva Georgia | region4color=#d09440 | region4items=Noro | region4descripcion=La isla de Nueva Georgia, además de innumerables islotes y atolones | region5nombre=Malaita | region5color=#d0d84f | region5items=[[Auki]] | region5descripcion= La isla más poblada | region6nombre=[[Rennell y Bellona]] | region6color=#008080 | region6descripcion= Con solo unas 3.000 personas en total, estas son las islas menos pobladas | region7nombre=Makira | region7color=#808000 | region7descripcion= La isla ha sido conocida históricamente como de San Cristóbal | region8nombre=[[Santa Cruz Islands]] | region8color=#be4853 | region8descripcion= Pequeñas islas remotas del sureste, más cercanas a Vanuatu que a cualquier otro lugar de las Islas Salomón | region9nombre=Santa Isabel | region9color=#4f93c0 | region9descripcion= Primera isla de todo Salomón al que llegaron los europeos. }} == Ciudades == {{Mapframe|zoom=5|lat=-9.433|long=159.95}} * {{Marker|type=town|name=Honiora|wikidata=Q40921}} Es la cpaital del país. * {{Marker|type=town|lat=-8.223|long=157.2|name=[[New Georgia Islands|Noro]]}} * {{Marker|type=town|lat=-8.106| long=156.84|name=[[New Georgia Islands#Gizo|Gizo]]|wikidata=Q1236908}} Con 3.000 habitantes es la segunda ciudad más poblada del país, dispone de un pequeño aeropuerto. * {{Marker|type=town|lat=-8.16|long=159.62|name=[[Buala]]|wikidata=Q574769}} Es la capital de la provincia de Isabel * {{Marker|type=town|lat=-11.54|long=160.03|name=[[Tigoa]]|wikidata=Q987011}} Capital de la provincia de Renell y Bellona * {{Marker|type=town|lat=-9.09|long=160.15|name=[[Tulagi]]|wikidata= Q864870}} Isla y ciudad. Posee uno de los puertos pesqueros más importantes del país. * {{Marker|type=town|lat=-10.44|long=161.88|name=[[Kirakira]]|wikidata=Q713152}} Ciudad de casi 3.000 habitantes que posee un pequeño aeropuerto == Otros destinos == Las Islas Salomón están rodeadas de paradisíacas playas, bahías y arrecifes que representan el mayor atractivo del país. Muchos de los mismos se encuentran fuera de los centros urbanos o adyacentes a pequeños poblados. {{Marker|type=island|name=Uapi|wikidata=Q7877468}} Arrecife de coral cubierto por un espeso bosque tropical. Es uno de los mejores destinos del país para hacer submarinismo. {{Marker|type=lake|name= Lago Langa Langa|wikidata=Q6485651}} Lago situado en la isla Malaita. Es célebre por sus islas artificiales construidas siglos atrás. Recibe una cantidad pequeña de turismo, atraído por el paisaje y las constumbres ancestrales de los pueblos que habitan en las islas del lago. == Llegar == === Requisitos de entrada === [[Archivo:Visa policy of the Solomon Islands.svg|miniaturadeimagen|En verde los países que no necesitan visado, en amarillo los que sí]] Todos necesitan un pasaporte, un boleto de entrada y fondos suficientes para cubrir su estadía en las Islas Salomón. Desde octubre de 2016, los ciudadanos de la UE no requieren visa. Los ciudadanos de las siguientes nacionalidades pueden obtener visas de visitante a la llegada: Samoa Americana, Andorra, Anguila , Antigua y Barbuda , Argentina , Aruba , Australia , Bahamas , Barbados , Belice , Bonaire , Brasil , Islas Vírgenes Británicas, Brunei, Canadá, Islas Caimán, Chile, Islas Cook, Curazao, Dominica, República Dominicana, Fiji, Polinesia Francesa, Granada, Guadalupe, Guam, Guyana, Islandia, Israel, Japón, Corea del Sur, Kuwait, Liechtenstein, Malasia, Maldivas, Islas Marshall, Martinica, Estados Federados de Micronesia, Mónaco, Montserrat, Nauru, Nueva Caledonia, Nueva Zelanda, Niue, Isla Norfolk, Islas Marianas del Norte, Noruega, Palau, Papúa Nueva Guinea, Paraguay, Perú, Islas Pitcairn, Puerto Rico, Saba, Saint Kitts y Nevis, Santa Lucía, San Vicente y las Granadinas, Samoa, San Marino, Singapur, Surinam, Suecia, Suiza, Taiwán, Tailandia, Tonga, Trinidad y Tobago, Reino Unido, Estados Unidos, Uruguay, Vanuatu, Wallis y Futuna. Los ciudadanos de otros países, excepto Bielorrusia, Burundi, Etiopía, Ghana, Montenegro, Territorios Palestinos, Serbia, Sudáfrica, Sudán del Sur, Timor-Leste, Vaticano, Zimbabwe pueden obtener una visa a la llegada si tienen una confirmación de que una visa ha sido aprobada. antes de la salida.[[Archivo:Honiara Airport, Solomon Islands.jpg|miniaturadeimagen|Exterior de la terminal del Aeropuerto Internacional de Honiara]] Si tiene un permiso de visitante, no puede participar en trabajos, negocios, vocaciones religiosas o investigación profesional. Si desea hacer alguna de esas cosas, debe obtener un permiso comercial. === En avión === El aeropuerto internacional, Henderson, se encuentra a 11 km (7 millas) al este de la capital, Honiara . Los vuelos programados salen de Brisbane , Australia, la mayoría de los días. También hay vuelos entre Port Vila , Nadi , Port Moresby y Sydney . === En barco === Los cruceros visitan ocasionalmente Honiara. También es posible viajar desde el sur de Bougainville en Papúa Nueva Guinea en barco hasta la provincia occidental de las Islas Salomón, ya que los locales viajan habitualmente entre las Islas Shortland de Solomons y Bougainville.[[Archivo:Gizo Airport 1.JPG|miniaturadeimagen|Aeropuerto de Gizo]] == Desplazarse == ===En coche === Hay tráfico por la izquierda. Los caminos rurales están en su mayoría en malas condiciones. Hacer autostop es común en las zonas rurales por una tarifa. Los autos de alquiler solo están disponibles en Guadacanal. De los 1.300 km de carreteras en el país, solo 16 km fueron asfaltados en 2016, alrededor de 800 km son caminos privados en plantaciones. El transporte público local, en forma de minibuses, solo está disponible durante el día en la capital. Los taxis solo operan en Honiara y Auki. El precio debe ser acordado antes de comenzar el viaje. === En avión === Una lista de los pequeños aeropuertos se puede encontrar en Wikipedia. Los principales medios de transporte entre las islas son barcos o vuelos de ''Solomon Airlines'' ( horarios de vuelo ). Los principales sitios de aterrizaje además de la capital son Seghe, Munda y Gizo. El equipaje está limitado a 16 kg. [[Archivo:A fully packed boat transports passengers to Auki, the capital of Malaita. (10662105363).jpg|miniaturadeimagen|Barco de pasajeros completamente lleno]] === En barco === El tráfico regular de pasajeros existe entre Honiara ↔ Auiki (Malaita) y Honiara ↔ Gizo a través de Marovo una vez por semana. El hacinamiento de los transbordadores es la regla, los chalecos salvavidas no están necesariamente disponibles (en cantidades suficientes). == Hablar == En las islas se hablan aproximadamente 68 lenguas indígenas melanesias, y la mayoría de los ciudadanos utilizan el pijin como lengua franca. El [[Guía de inglés|inglés]] es el idioma oficial, pero solo lo habla entre el 1 % y el 2 % de la población. == Ver == [[Archivo:East Rennell-112651.jpg|miniaturadeimagen|Selva en Rennell Este]] La '''naturaleza''' es el mayor atractivo de las islas. Con sus más de 900 islas, playas de aguas cristalinas, arrecifes de coral y selvas vírgenes, la convierten en un destino perfecto para quienes buscan disfrutar de la biodiversidad. El país dispone de un elemento Patrimonio Mundial de la UNESCO: Renell Este, que se trata del mayor atolón del mundo, que alcanza 85 kjlómetros de largo y 15 ancho. A su vez alberga un lago de agua salobre, el Lago Tegano, que con 15.000 hectáreas es el lago continental más grande del Pacífico. La isla está cubierta por una densa selva tropical, cuyos árboles alcanzan los 20 metros de altura. Fue declarado como Patrimonio de la Humanidad en 1998. [[Archivo:Grumman F4F-4 Wildcat (45549563891).jpg|miniaturadeimagen|Restos de un avión en el Museo de la Guerra de Vilu]] Otro atractivo natural es el Complejo Marovo-Tetepare, que forma parte de la lista indicativa de la UNESCO, abarca más de 1600 km² de ecosistemas terrestres y marinos. Está formado por un paisaje de volcanes inactivos, cordilleras interiores escarpadas, extensos sistemas de lagunas y numerosas islas. Al abarcar algunos de los mejores ejemplos de todos los biomas del Pacífico —arrecifes de coral, complejos estuarinos e insulares, bosques de manglares y praderas marinas—, así como una gran diversidad de tipos de bosques, incluidos los bosques montanos y algunas de las últimas extensiones de selva tropical de tierras bajas que quedan, la zona alberga una biodiversidad marina excepcional a escala mundial. Por otro lado, alberga comunidades tradicionales cuya gestión del territorio se realiza de manera consuetudinaria. Las islas fueron ocupadas por los japoneses y protagonizaron diversas batallas durante la '''Segunda Guerra Mundial''', siendo la más célebre la de Guadalcanal. Sobre todo en esa isla, hay numerosos restos bélicos de todo tipo, desde aviones a restos de artillería, así como barcos hundidos. La isla de Guadalcanal es un destino perfecto para los amantes del buceo bélico, ya que en sus costas alberga decenas de barcos, submarinos y aviones hundidos. La isla de Balalae alberga también numerosos aviones derribados entre la selva. Respecto a Museos de Guerra, en Vilu, en Guadalcanal hay un museo, formado por la colección de numerosos objetos, fundamentalmente restos de aviones y cañones de artillería. En Munda hay otro museo que alberga colección de artefactos de todo tipo, desde equipos, fotografías, documentos y objetos personales de fuerzas estadounidenses y japonesas, llegando a tener placas de identificación y municiones recuperadas de un tanque estadounidense. El museo tiene un enfoque de la perspectiva local del conflicto y de cómo la ciudadanía lo sufrió. En Guadalcanal hay un Memorial dedicado a los soldados estadounidenses caídos en la batalla.[[Archivo:LaulasiShellmoney2.jpg|miniaturadeimagen|Elaboración del dinero de concha]]A nivel '''cultural''', el Lago Langa Langa es uno de los más interesantes. Las comunidades que allí residen aún mantienen una serie de costumbres ancestrales muy acentuadas, entre las que destacan el "culto al tiburón" y la realización del "dinero de concha". Estas comunidades aún mantienen creencias animistas, entre las cuales los tiburones ayudan a los pescadores y se les rinde culto y sacrificios. Las ceremonias de este culto no están abiertas al turismo, aunque puede darse el caso de que algún sacerdote las permita. Respecto al dinero de concha, ha sido un tipo de moneda realizado con diferentes conchas, usado durante siglos como método de transacción. Actualmente sigue activa la realización, usándose como dote para las bodas, así como usándose como souvenir para la industria turística como pulseras o pendientes. También hay una amplia industria artesanal de barcas artesanales y sigue muy activo el folklore a través de numerosas danzas tradicionales. El Museo Nacional de Islas Salomón, alberga una colección de hallazgos arqueológicos y objetos tradicionales del país. Existen artefactos muy diversos como máscaras ceremoniales, herramientas antiguas e instrumentos musicales, teniendo algunos de ellos uso hoy en día. == Hacer == El '''submarinismo y el esnórquel''' son actividades imprescindibles a realizar en las islas. Su amplia biodiversidad, arrecifes, cuevas submarinas, lo convierten en uno de los destinos preferidos del mundo para practicarlo. Se encuentran centenares de especies diferentes tanto de fauna marina como de flora marina. Los mejores lugares paras bucear son Corte Leru, un acantilado y abismo submarino con numerosas especies diferentes; Playa Blanca, donde hay numerosos restos bélicos de la II Guerra Mundial; La Carretera del Diablo, lugar con numerosas corrientes y el mejor de las islas para bucear junto a mantas marinas; o las inmersiones al USS Aaron Ward, un pecio americano con parte muy bien conversada, incluido con los cañones; o el Toa Maru, un barco de transporte japonés, muy bien conservado, con numersoos artefactos, como equipo médico, material de oficina, o bombas. == Comprar == === Dinero === {{Tasa de cambio/infobox|SBD}} La moneda del país es el '''dólar de las Islas Salomón''' , denotado por el símbolo " '''SI $''' " (código de moneda ISO: '''SBD''' ). Se divide en 100 centavos. Los billetes se emiten en denominaciones de $ 5, $ 10, $ 20, $ 50, $ 100 y monedas en denominaciones de 10, 20, 50 centavos, $ 1, $ 2 Los cajeros automáticos están disponibles en Honiara. Se aceptan dólares australianos en algunos hoteles y resorts. == Beber y salir == La Kava es popular en el país, aunque se ha comercializado de forma turística, mezclándola con otros ingredientes, incluido alcohol. La cerveza es muy popular en el país, siendo la Solbrew la cerveza nacional, así como el aguardiente, y el paiawara, un licor realizado de manera casera, con una alta graduación y sin muchas garantías sanitarias. Se consume en eventos privados y celebraciones, y se puede adquirir en puestos de venta callejeros. Hay muchos pubs con muy buen ambiente de música y billares, aunque por la noche en la madrugada, el ambiente puede ser un poco complicado. Para disfrutar de ambientes más exclusivos lo mejor son los locales de los resorts hoteleros. == Salud == Las enfermedades transmitidas por mosquitos son comunes en las Islas Salomón. Se recomienda tomar medidas para evitar sus picaduras, especialmente al amanecer y al atardecer, como usar repelentes y vestir con ropa de manga larga ligera holgada de colores claros. En el caso de la malaria, hay riesgo todo el año, por lo que se aconseja tomar medicamentos profilácticos. Respecto al dengue, enfermedad de la que puede haber brotes, se recuerda que no hay vacuna ni tratamiento. Las enfermedades transmitidas por el agua, por la comida y otras enfermedades infecciosas son frecuentes. Se recomienda beber agua embotellada o, en su defecto, hervirla antes de beberla y evitar el consumo de comida poco cocinada o cruda y de cubitos de hielo. Se aconseja buscar ayuda médica en caso de sufrir diarrea o fiebre. El servicio sanitario no es de mucha calidad y muy limitado. Se recomienda adquirir un seguro de viaje que cubra la repatriación. La vacuna contra la fiebre amarilla es obligatoria para los viajeros que vengan de países donde exista esa enfermedad. Los viajeros que vengan de Australia, Nueva Zelanda, Samoa Americana, Samoa, Tonga, Filipinas, Fiyi, Kiribati y Papúa Nueva Guinea, incluso aunque sea en tránsito, deberán vacunarse de sarampión quince días antes de su llegada al país y poder demostrar documentalmente que han sido vacunados. De lo contrario, se les impedirá embarcar o se les deportará. Todos los viajeros que ingresen en el país deben rellena runa declaración sobre su estado de salud. == Seguridad == {{Alerta de viaje|Colectivo LGTBI|Las relaciones entre personas del mismo sexo están perseguidas con penas de prisión}} En Honiara deben tomarse ciertas precauciones, ya que ha habido un aumento de las armas de fuego. Se desaconseja salir andando por la noche en la ciudad. También debe prestarse especial atención a las pertenenciasen zonas concurridas. No deben visitarse los asentamientos ilegales en los alrededores de Honiara y “White River”,  “Lungga Bridge”, "Lungga River", “Sun Valley”, “Mataniko Bridge”, "Burns Creek" y “Henderson” (aeropuerto). Debe tenerse precacuión especial en “Central Market”, “Point Cruz”,  “Chinatown”, “Kukum”, “Borderline” y “Kombito Market”. Islas Salomón está ubicado en el Cinturón de Fuego del Pacífico, zona con mucho riesgo de tsunamis, terremotos y ciclones. Es importante estar atento al servicio de radio, ya que hay riesgo de tsunamis localizados por terremotos submarinos. El estado de las carreteras y vehículos es bastante deficiente, por lo que debe tenerse muchas precaución al circular. Los ferris y transbordadores que conectan las diferentes islas no ofrecen muchas garantías de seguridad, por lo que debe considerarse usarlos. En caso de usarlos, es importante llevar chaleco salvavidas. Las islas están sometidas a ciclones, cuya época es entre noviembre y mayo, por lo que se desaconseja viajar en esa época. Hay cocodrilos de agua dulce y salada, y son bastante comunes, por lo que debe tenerse precaución al acercarse a los cursos de agua. sobre todo, si no son turísticos. También hay zonas donde los tiburones llegan a las playas, Para bañarse es recomendable preguntar siempre a los locales. == Otros destinos == * [[Australia]] * [[Nueva Zelanda]] * [[Indonesia]] {{estado artículo|tipo=país |calidad=esbozo }} {{geo|-8.80908|160.83984|zoom=7}} {{EstáEn|Oceanía}} [[Categoría:Oceanía]] [[Categoría:Océano Pacífico]] qsx17hyums3oepn5o7y2t2kuben0tvw 10 6579 253502 253460 2026-05-18T12:01:30Z Jembot 2355 Bot: Actualizando datos 253502 wikitext text/x-wiki {{<includeonly>safesubst:</includeonly>#switch:{{ucfirst:{{{1|{{{User|{{{user}}}}}}}}}}} |Jembot=26484 |Galahad=9224 |Renamed user 0f302287bb0255da1e6eba23d871d103=9156 |KLBot2=8323 |ZrbtWm=4725 |Zerojosefer=4146 |Urci dream=4052 |Aavargasp=4020 |Baji=3769 |Alan=3477 |Joancastro21=3441 |Igallards7=3382 |B1mbo=3110 |Mpeinadopa=3041 |Kizar=2933 |RolandUnger=2881 |MediaWiki message delivery=2794 |Elreysintrono=2763 |MABot=2451 |Aguzado=2446 |Meruleh=2338 |HrAd=2254 |Jorge Abellán=2210 |Bromoxido=2210 |Razr Nation=1687 |Green Mostaza=1461 |Green Mostaza Bot=1288 |Superzerocool=1252 |ElGuruCesar=1058 |Althair=1048 |Eclipsis Proteo=1042 |Patricio.lorente=997 |HJGN2=956 |Naturista2018=942 |Ksn.kenny=931 |Lomeno 24=920 |HrAd-ATO=906 |Jormtz=834 |CarsracBot=736 |Kirito=731 |Olea=716 |B1m-bot=713 |Sumone's bot=710 |Viajero del cantábrico=675 |SteveRBot=653 |Alakrano=620 |Grillitus=606 |Banfield=595 |TheDarkFear=576 |FocaBot=562 |Jsmura=554 |Veronidae=543 |CommonsDelinker=527 |Texugo=486 |Marrovi=467 |DerFussi=467 |Racso=460 |Jdiez (LaOfi)=453 |Bradford=435 |Vanbasten 23=424 |Amílcar=405 |Olea (LaOfi)=393 |Travelour=365 |Onwa=338 |Camerano Viejo=337 |AnniAriel=327 |Igna=327 |Viajaste=324 |Gmagno=323 |Lord Ravager=321 |ProtoplasmaKid=320 |Mauvika=310 |Castorice=309 |19Tarrestnom65=303 |Orniosviajero=301 |Willicab=301 |Lingsha=296 |Rheedia=279 |Felino Volador=277 |Mualani=270 |Savh=261 |Julián L. Páez=258 |Angellbosque88=245 |LlamaAl=239 |Turbo8000=235 |Antoniograjal=235 |MarcoAurelio=222 |ElGatoSaez=198 |PetrohsW=197 |Babel AutoCreate=192 |SelfieCity=191 |Iho jose=190 |Community Tech bot=189 |Steinsplitter=185 |Jualve=184 |Kiwumi=178 |DARIO SEVERI=178 |Ezarate=171 |WOSlinker=166 |Alexis Jazz=164 |Hmaglione10=161 |Millars=158 |Trescilindros=157 |Marinna=149 |Simon Peter Hughes=149 |Villalaso=147 |Hasley=143 |Linehalt=143 |SrCerberus=141 |Angela Ciccimarra25=141 |Penarc=140 |JOAN=140 |Municipalidad de Trujillo=139 |DutchTina=131 |RoBeRtArAmIrEz=130 |Renamed user f26394dcb19bd7bdad78f0d752896653=127 |Crochet.david.bot=125 |Adolfobrigido=125 |Hodolog=123 |Pathoschild=122 |Isaac agredano=120 |Sonoko Konishi=120 |Juanantonaya=118 |Agustin Bartolome=112 |Rodriweb=111 |Alberto.turismo2023=109 |Esturismo=109 |Laberinto16=109 |B25es=108 |SHB2000=108 |Vinicius10=104 |Luxbane=104 |AlvaroMolina=99 |Zafkiel GD=95 |Stïnger=93 |The Sophocrat=93 |Loco085=91 |Polsaker=89 |CityForEveryone=88 |BOToronja=88 |ThunderingTyphoons!=86 |Je7roi=86 |Zolsemiya=86 |Carlos Abisai=85 |William y Chesterfield=85 |Eihel=84 |Venex=83 |IanTrobsky=83 |Jmcp17=82 |Isaacvp=82 |Rodelar=81 |Bangladesh=80 |Addicted04=79 |Barcex=77 |Mazbel=77 |Luzcaru=76 |Pedelecs=74 |Kassanmoor=74 |Matiia=72 |Morgalexandra=72 |Joseenriquetk=71 |RileyBot=71 |Chocolate con galleta=70 |Bojraif=69 |Schumi4ever=67 |Lamder=67 |Samaniego123=67 |Carloshistory=65 |Tourister21=62 |Salvador alc=62 |Strakhov=61 |Jluismendoza=61 |Hassanito69=61 |Soljaguar=61 |Villa de Zújar=60 |Hobbitschuster=60 |Hugener=59 |Adroidthene=59 |Carlosmatalive=58 |Decla971=58 |Pecohuh=58 |Invadibot=57 |DavidSedeno=56 |Luchy04=56 |GuDeMi=56 |JuanToño=55 |Simon antonio 2009=55 |Chongkian=55 |Taichi=54 |Raimundo Pastor=53 |Translation Notification Bot=53 |AvicBot=53 |Dojite=52 |MI GENERAL ZAPATA=52 |~2025-38357-25=51 |Heimo66=51 |Minorax=51 |DMzlC=50 |HabibiAyllón=49 |Miacara76=49 |Carlosahuatzin=49 |JulieLespinasse=48 |Ji-Elle=47 |Lizluz89=46 |Arcibel=46 |Sanjorgepinho=46 |HeraldFrancisco NI=46 |Paula García=45 |Romaine=45 |RafaelVinueza=45 |Aqurs1=44 |Angel Casta Turismo2023=44 |Tipiskayla=44 |Mey2008=44 |Alrejo00=44 |Hprmedina=44 |Marmadri=43 |Varlaam=43 |Trymir=43 |EmausBot=42 |Chapeau.judicael=42 |Laura Fiorucci=42 |Alzinous=41 |Koavf=41 |MF-Warburg=41 |Ralf Roletschek=40 |Geógrafo23=40 |Maor X=40 |AntoFran=40 |Katdrei=40 |Edjoerv=40 |Herreral81=39 |Kolega2357-Bot=39 |Anonyme Wikipe-tan=38 |Pimpollo=38 |Sterlabot=38 |LaberintoBOT=38 |ViatorDigitalis=37 |Petefarrand=37 |Kolega2357=37 |Remux=37 |Darrelljon=36 |RBT2232=36 |FSDmar=35 |Meltryth=35 |Balou46=34 |Cgbraschi=34 |Renamed user 23o2iqy4ewqoiudh=34 |Ziv=34 |Rteranb=33 |Credcre=33 |Cmasi=33 |Jellysandwich0=33 |Alhen=33 |RomainGP=33 |Mfrancoavellaneda=33 |Judiosefardi=33 |Wikiwikiman28=32 |Giselle Bordoy (WMAR)=32 |Charai.06=32 |Santiagocienfuegosm=32 |Cynthia.turismo2023=32 |Guiller96=32 |Teseo=32 |5R-MFT=32 |Billinghurst=31 |Clock&horlogue=31 |Nicanlanu=31 |Wakapalabra=31 |Wilfredor=31 |(SVPG)=31 |Pietro=31 |Camilapulka=30 |Martin.rr=30 |Roarboleda=30 |Kulmalukko=30 |Feliperma18=30 |Eddy566=30 |EdwardsBot=30 |Tefita228=29 |Robertbt666=29 |Mmorell=29 |EmBOTellado=29 |Cacen Gymraeg=29 |Maejr=29 |Joseluis2352=28 |Sombra Inquieta=28 |Link58=28 |Fernando10000=28 |Jourdant=28 |Intelelihu=28 |NHhotels=28 |-ecarv-=28 |Chamarasca=28 |Adrián Cerón=28 |Rotideypoc41352=28 |Josefito123=28 |WhiskypediaXDDD=27 |Anibal Maysonet=27 |Alan ffm=27 |Antonio GarMi=27 |Mikas56=27 |Ferney antonio bolivar ramirez=27 |Rizos.13=27 |Bienvenidos Wikipedistas=27 |~2025-35644-08=26 |SoleFabrizio=26 |Guiller=26 |~riley=25 |Jofrigerio=25 |Tantoparanada=25 |Axmf=25 |Campagna 2007=25 |Rsanabriia=25 |Correogsk=25 |Vicocruz10=25 |Calciopedia=25 |Aaharoni-WMF=25 |Script de cambio de nombres de usuario=25 |Rodpractice=24 |Krinkle=24 |Peterfitzgerald=24 |Alpinu=24 |Sahaquiel9102=24 |Yandrak=24 |Karl776=23 |Kzamudio1020=23 |JesusLuc11=23 |Madamebiblio=23 |Seepferd=23 |Tradel=23 |Intijacinto=23 |CarlosEduardoPA=23 |MONUMENTALMELILLA=23 |Mayra García=23 |MJSB73MP=23 |AlbertonGil=23 |LuigiStudio=23 |ReyDerayos24=22 |Anaisagj=22 |ויקיג'אנקי=22 |Sergio Andres Segovia=22 |Dorieo=22 |Discasto=22 |Didival44=22 |EdwinJs=22 |Abelmas=22 |Ltronador=21 |Foximus04=21 |Someonehere12345=21 |~2025-36394-17=21 |Linealle=21 |Oscar .=21 |Luismiguel.vell=21 |AntonelaTroncoso=21 |AnónimoMCG=21 |Use223332237282=21 |ColaborarConBuenaFe=21 |CUNInsider=21 |Emijrp=21 |Holaquetalcomoteva=21 |Peripheria=21 |Aniverso=21 |Jinotega93=20 |Jara-Arroyo=20 |MathXplore=20 |Gray16=20 |Xarucoponce=20 |HakanIST=20 |Penquista=20 |Karturo332=20 |Andyrom75=20 |Txolo=19 |Carliitaeliza=19 |Rafael Calvo Alvarez=19 |Xiva91=19 |Yurek48=19 |-jem-=19 |Feliperma15=19 |Cuenqui=19 |Carsrac=19 |Pedrito63=19 |Mylovedsystem=19 |Attvaritoo Moninitaa DESBANEAME AHORRRAA EN IRC wikipedia-es OBEDECE=19 |Anjo-sozinho=19 |Quinlan83=19 |Handrian=19 |Toniamartinez=19 |Kasok=19 |AIvaroMolina=18 |Hari Seldon=18 |Montxohache=18 |~2026-11792-0=18 |Rkl=18 |Laurilsilva32=18 |DSan=18 |Martin Urbanec=18 |Kwamikagami=18 |Morza=18 |Johonana 21=18 |Aldo Fabian=18 |JorgeGamarraM=18 |隼鷹=18 |PaolaSelena=18 |Plantillero=17 |R1107=17 |Tierrasvivas=17 |Ladsgroup=17 |Litlok=17 |Hinestrosavive137=17 |Agomga14=17 |NoonIcarus=17 |Duar srs=17 |Jake Park=17 |Ana Matilde Upolo Ebuka=17 |Lmoras7=17 |Austral blizzard=17 |Cohenxx=17 |Irn=17 |AHT2018=17 |Patrickpedia=17 |Ulughmuztagh=17 |Majalindo=17 |Makea=17 |Syum90=17 |Tegel=16 |Rschen7754=16 |Jonhvalecilloss=16 |Ferjelo=16 |Jorge Blanco dragon=16 |Vogone=16 |Phoebe=16 |3BRBS=16 |Monchitooo=16 |Ivanhercaz=16 |Æ. L. V. Æ. R. Œ. * M. Œ. L. I. N. Æ=16 |Bestoernesto=16 |Zekialves=16 |Air fans=16 |Juliandiazmr=16 |Casandrii=16 |Loreestef23=16 |No invadamos Surco=16 |Fry1989=16 |MiguelAlanCS=16 |Rubores=16 |SernaturLosRios=16 |Mamagrrr=16 |Jcdemarca=16 |A01274192 Marlen=16 |Isaguinju=16 |Ykartz44=16 |Skipi=15 |AKardej=15 |Dpcossio=15 |Adr-geo=15 |Isabel A01706197=15 |Juan Emilio Prades Bel=15 |~2025-41754-89=15 |Ginés90=15 |Lojwe=15 |Glaisher=15 |Sereniis=15 |Renamed user 5dbfb4c0f8f1d8a129f7e872fb518963=15 |Macacc=15 |Sagoo.19=15 |Tai93=15 |Galopix=15 |JonaCalhoun=15 |Reinapepiada23=15 |Juancar22=15 |User93823728642=15 |NataSciuto=15 |Agomea=15 |MiPueblo2018=15 |Warko=15 |Ceancata=15 |A01274526 Diana=15 |Ayanami San=15 |Mrkstvns=15 |Lacasadeljotta=14 |HelloKitty2010=14 |Livalessi=14 |Euskaldunaa=14 |FLYTOCUBA=14 |Malvinero10=14 |Bobbbcat=14 |AIIIllttvaaardooo Moooommlliiinaaa DESBANEAME EN IRC wikipedia-es O TE MATO=14 |Raulitox69=14 |Nonita008=14 |Cyrax=14 |Michael junior obregon pozo=14 |Hispano77=14 |Radd94=14 |Adriana513=14 |Antonio132002=14 |Kisoito=14 |La enciclopedia libre 292929=14 |Lelacd'arth=14 |Pacopac=14 |#default=Usuario desconocido }}<noinclude>{{documentación}}</noinclude> llzr6u2bjk88fnm86hftet3eextc7t4 10 6580 253503 253461 2026-05-18T12:01:31Z Jembot 2355 Bot: Actualizando ranking 253503 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:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4052}}]] |- | 7 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 8 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]] |- | 9 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]] |- | 10 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]] |- | colspan="3" | Véase también [[Wikiviajes:Ranking de ediciones]]<br/><small>Actualizado por [[Usuario:Jembot|Jembot]] ([[Usuario discusión:Jembot|disc.]]), 18 de mayo de 2026, 12:00 (UTC)</small> |}<noinclude>{{documentación}}</noinclude> nvytbwmsktgghlnvnnw7z8zftrpm3sb 4 6581 253504 253462 2026-05-18T12:01:32Z Jembot 2355 Bot: Actualizando ranking 253504 wikitext text/x-wiki {{/begin|50}} |- | 1 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]] |- | 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]] |- | 3 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]] |- | 4 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]] |- | 5 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 6 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4052}}]] |- | 7 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 8 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]] |- | 9 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]] |- | 10 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]] |- | 11 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3382}}]] |- | 12 || [[User:B1mbo|<span style="color:gray">B1mbo</span>]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]] |- | 13 || [[User:Mpeinadopa|<span style="color:gray">Mpeinadopa</span>]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]] |- | 14 || [[User:Kizar|<span style="color:gray">Kizar</span>]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]] |- | 15 || [[User:RolandUnger|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]] |- | 16 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]] |- | 17 || [[User:Aguzado|<span style="color:gray">Aguzado</span>]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]] |- | 18 || [[User:Meruleh|<span style="color:gray">Meruleh</span>]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]] |- | 19 || [[User:HrAd|<span style="color:gray">HrAd</span>]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]] |- | 20 || [[User:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]] |- | 21 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]] |- | 22 || [[User:Razr Nation|<span style="color:gray">Razr Nation</span>]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]] |- | 23 || [[User:Green Mostaza|<span style="color:gray">Green Mostaza</span>]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]] |- | 24 || [[User:Green Mostaza Bot|<span style="color:gray">Green Mostaza Bot</span>]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]] |- | 25 || [[User:Superzerocool|<span style="color:gray">Superzerocool</span>]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]] |- | 26 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1058}}]] |- | 27 || [[User:Althair|<span style="color:gray">Althair</span>]] || [[Special:Contributions/Althair|{{formatnum:1048}}]] |- | 28 || [[User:Eclipsis Proteo|<span style="color:gray">Eclipsis Proteo</span>]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]] |- | 29 || [[User:Patricio.lorente|<span style="color:gray">Patricio.lorente</span>]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]] |- | 30 || [[User:HJGN2|<span style="color:gray">HJGN2</span>]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]] |- | 31 || [[User:Naturista2018|<span style="color:gray">Naturista2018</span>]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]] |- | 32 || [[User:Ksn.kenny|<span style="color:gray">Ksn.kenny</span>]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]] |- | 33 || [[User:Lomeno 24|<span style="color:gray">Lomeno 24</span>]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]] |- | 34 || [[User:HrAd-ATO|<span style="color:gray">HrAd-ATO</span>]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]] |- | 35 || [[User:Jormtz|<span style="color:gray">Jormtz</span>]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]] |- | 36 || [[User:CarsracBot|<span style="color:gray">CarsracBot</span>]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]] |- | 37 || [[User:Kirito|<span style="color:gray">Kirito</span>]] || [[Special:Contributions/Kirito|{{formatnum:731}}]] |- | 38 || [[User:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]] |- | 39 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]] |- | 40 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]] |- | 41 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]] |- | 42 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]] |- | 43 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]] |- | 44 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]] |- | 45 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]] |- | 46 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]] |- | 47 || [[User:FocaBot|<span style="color:gray">FocaBot</span>]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]] |- | 48 || [[User:Jsmura|Jsmura]] || [[Special:Contributions/Jsmura|{{formatnum:554}}]] |- | 49 || [[User:Veronidae|<span style="color:gray">Veronidae</span>]] || [[Special:Contributions/Veronidae|{{formatnum:543}}]] |- | 50 || [[User:Texugo|<span style="color:gray">Texugo</span>]] || [[Special:Contributions/Texugo|{{formatnum:486}}]] {{/end}} mfe981bhhpjmng3ltz7wcktva81lwkt 4 6582 253505 253463 2026-05-18T12:01:33Z Jembot 2355 Bot: Actualizando ranking 253505 wikitext text/x-wiki {{/begin|50}} |- | 1 || [[User:Jembot|Jembot]] (Bot) || [[Special:Contributions/Jembot|{{formatnum:26484}}]] |- | 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:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4052}}]] |- | 8 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 9 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]] |- | 10 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]] |- | 11 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]] |- | 12 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3382}}]] |- | 13 || [[User:B1mbo|<span style="color:gray">B1mbo</span>]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]] |- | 14 || [[User:Mpeinadopa|<span style="color:gray">Mpeinadopa</span>]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]] |- | 15 || [[User:Kizar|<span style="color:gray">Kizar</span>]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]] |- | 16 || [[User:RolandUnger|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]] |- | 17 || [[User:MediaWiki message delivery|MediaWiki message delivery]] (Bot) || [[Special:Contributions/MediaWiki message delivery|{{formatnum:2794}}]] |- | 18 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]] |- | 19 || [[User:MABot|MABot]] (Bot) || [[Special:Contributions/MABot|{{formatnum:2451}}]] |- | 20 || [[User:Aguzado|<span style="color:gray">Aguzado</span>]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]] |- | 21 || [[User:Meruleh|<span style="color:gray">Meruleh</span>]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]] |- | 22 || [[User:HrAd|<span style="color:gray">HrAd</span>]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]] |- | 23 || [[User:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]] |- | 24 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]] |- | 25 || [[User:Razr Nation|<span style="color:gray">Razr Nation</span>]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]] |- | 26 || [[User:Green Mostaza|<span style="color:gray">Green Mostaza</span>]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]] |- | 27 || [[User:Green Mostaza Bot|<span style="color:gray">Green Mostaza Bot</span>]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]] |- | 28 || [[User:Superzerocool|<span style="color:gray">Superzerocool</span>]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]] |- | 29 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1058}}]] |- | 30 || [[User:Althair|<span style="color:gray">Althair</span>]] || [[Special:Contributions/Althair|{{formatnum:1048}}]] |- | 31 || [[User:Eclipsis Proteo|<span style="color:gray">Eclipsis Proteo</span>]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]] |- | 32 || [[User:Patricio.lorente|<span style="color:gray">Patricio.lorente</span>]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]] |- | 33 || [[User:HJGN2|<span style="color:gray">HJGN2</span>]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]] |- | 34 || [[User:Naturista2018|<span style="color:gray">Naturista2018</span>]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]] |- | 35 || [[User:Ksn.kenny|<span style="color:gray">Ksn.kenny</span>]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]] |- | 36 || [[User:Lomeno 24|<span style="color:gray">Lomeno 24</span>]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]] |- | 37 || [[User:HrAd-ATO|<span style="color:gray">HrAd-ATO</span>]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]] |- | 38 || [[User:Jormtz|<span style="color:gray">Jormtz</span>]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]] |- | 39 || [[User:CarsracBot|<span style="color:gray">CarsracBot</span>]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]] |- | 40 || [[User:Kirito|<span style="color:gray">Kirito</span>]] || [[Special:Contributions/Kirito|{{formatnum:731}}]] |- | 41 || [[User: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}} pp8azdkz09od2dvwfu4t4do0hi6dx60 10 8915 253507 253495 2026-05-18T19:02:04Z Jembot 2355 Bot: Actualizando datos 253507 wikitext text/x-wiki {{#switch:{{uc:{{{1|}}}}}<!-- Las cifras indican el valor de un dólar estadounidense en la moneda correspondiente--> |AED=3.673098 |AFN=62.502126 |ALL=82.049896 |AMD=368.039864 |ANG=1.79046 |AOA=917.999996 |ARS=1396.012054 |AUD=1.398709 |AWG=1.8 |AZN=1.703045 |BAM=1.681873 |BBD=2.013793 |BDT=122.884562 |BGN=1.66992 |BHD=0.377275 |BIF=2977.5 |BMD=1 |BND=1.280114 |BOB=6.933707 |BRL=5.0282 |BSD=0.999845 |BTN=96.283747 |BWP=13.596591 |BYN=2.758188 |BYR=19600 |BZD=2.010896 |CAD=1.374945 |CDF=2249.999737 |CHF=0.785935 |CLF=0.022896 |CLP=901.06025 |CNY=6.80025 |COP=3799.37 |CRC=452.331096 |CUP=26.5 |CVE=94.999646 |CZK=20.89485 |DJF=177.720391 |DKK=6.424885 |DOP=59.197436 |DZD=132.691647 |ECS=25000 |EGP=53.329707 |EHP=143,04370806 |ERN=15 |ETB=157.398782 |EUR|€=0.85971 |FJD=2.2022 |FKP=0.750416 |GBP|£=0.746055 |GEL=2.670285 |GHS=11.440274 |GIP=0.750416 |GMD=73.498929 |GNF=8779.999975 |GTQ=7.627713 |GYD=209.145437 |HKD=7.83105 |HNL=26.610085 |HRK=6.474501 |HTG=130.883637 |HUF=310.368942 |IDR=17682 |ILS=2.90395 |INR=96.35705 |IQD=1310 |IRR=1313999.99964 |ISK=123.199108 |JMD=158.134615 |JOD=0.709003 |JPY|¥=159.075989 |KES=129.210126 |KGS=87.45014 |KHR=4009.999757 |KMF=422.999774 |KPW=899.999988 |KRW=1494.980258 |KWD=0.30813 |KYD=0.833201 |KZT=467.577922 |LAK=21949.999908 |LBP=89549.999628 |LKR=333.073917 |LRD=183.274979 |LSL=16.609693 |LTL=2.95274 |LVL=0.60489 |LYD=6.355014 |MAD=9.208501 |MDL=17.307254 |MGA=4185.000212 |MKD=52.969916 |MMK=2099.517816 |MNT=3578.033115 |MOP=8.064995 |MRU=39.980178 |MUR=47.30406 |MVR=15.409803 |MWK=1742.000042 |MXN=17.308799 |MYR=3.977018 |MZN=63.897138 |NAD=16.609633 |NGN=1371.259675 |NIO=36.704999 |NOK=9.2773 |NPR=154.053996 |NZD=1.706175 |OMR=0.384502 |PAB=1 |PEN=3.42197 |PGK=4.374506 |PHP=61.662987 |PKR=278.650135 |PLN=3.6482 |PYG=6089.19235 |QAR=3.645021 |RON=4.478301 |RSD=100.916973 |RUB=72.770352 |RWF=1462.5 |SAR=3.752456 |SBD=8.032258 |SCR=14.236454 |SDG=600.507442 |SEK=9.41643 |SGD=1.27987 |SHP=0.746601 |SLL=20969.502105 |SOS=571.499154 |SRD=37.2275 |SSP= |STD=20697.981008 |SVC=8.75 |SYP=110.524984 |SZL=16.609994 |THB=32.623995 |TJS=9.328604 |TMT=3.51 |TND=2.90075 |TOP=2.40776 |TRY=45.577297 |TTD=6.788406 |TWD=31.632897 |TZS=2597.502963 |UAH=44.163578 |UGX=3769.090534 |USD|$=1 |UYU=40.081866 |UZS=12054.999739 |VED= |VEF= |VES=517.314497 |VND=26357 |VUV=118.331805 |WST=2.70638 |XAF=564.082124 |XCD=2.70255 |XDR=0.702153 |XOF=562.999914 |XPF=102.749634 |YER=238.625001 |ZAR=16.65537 |ZMW=18.822396 |ZWL=321.999592 |#default=18 de mayo de 2026 }} pkyzbm1s7fg1ide0qne1mgdgrsdkq30 10 12726 253529 253496 2026-05-19T00:00:05Z Jembot 2355 Bot: Actualizando imagen del día de Commons 253529 wikitext text/x-wiki Campamento de ganado de la tribu Mundari, Terekeka, Sudán del Sur, 2024-01-29, DD 64.jpg <!-- FILENAME HERE, e.g. Foo.jpg --> it22wxmzkoqk3c3vrg9m5airuv3dwwm 10 12727 253530 253497 2026-05-19T00:00:06Z Jembot 2355 Bot: Actualizando descripción de la imagen del día de Commons 253530 wikitext text/x-wiki Campamento de ganado de la tribu Mundari, Terekeka, Sudán del Sur. c3b1apmwq6llp9wv3ibr3roqjuqox0v 2 14879 253513 253485 2026-05-18T20:57:10Z Jsmura 5370 /* Modelo folleto ciudades/lugares */ 253513 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? <div class="wva"> <!-- HERO --> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"> <span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span> </div> </div> </div> <!-- FICHA TÉCNICA — game-style stats --> <div class="wva-ficha"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario estimado</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--bl)">A+</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad del transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud (soroche)</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- REGIONES --> <div class="wva-sec bg-cr"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="g g-r" style="padding-top:12px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Desierto árido, Nazca, Paracas. Fusiona con el Atacama chileno.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón del Perú inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda, artesanías.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca. Poco turismo masivo.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno, cultura aimara. Por encima de 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica, ceja de selva. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonía Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Frontera con Bolivia. Puerto Maldonado, selva tropical.</div></div> </div> </div> <!-- LLEGADA Y VISA --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-cy"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> pueden entrar solo con cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-ico">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos internacionales directos.</div><div class="tport-tags"><span class="tag t-cy">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-ico">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile vía <strong>Arica→Tacna</strong>. Desde Ecuador vía <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia vía <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-ico">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-ico">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros internacionales que incluyen El <strong>Callao</strong>, <strong>Iquitos</strong> o <strong>Puno</strong> en sus rutas. También navegación fluvial desde Brasil por el Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-ico">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia nostálgica y pintoresca.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"> <span class="al-em">🛃</span> <div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras realizadas en duty free de otros países <strong>pueden ser decomisadas</strong> en el aeropuerto de Lima. El control de seguridad a pasajeros en tránsito es señalado por viajeros como «innecesario y caótico».</div> </div> <div class="wva-al a-warn"> <span class="al-em">🚕</span> <div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde taxis con todas las garantías hasta «oportunistas» que aprovechan la buena fe de los turistas. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más módicos.</div> </div> <div class="wva-al a-tip" style="margin-bottom:12px"> <span class="al-em">💡</span> <div class="al-txt">El aeropuerto Jorge Chávez tiene <strong>hotel de 5 estrellas (Costa del Sol Wyndham)</strong> conectado por puente peatonal, cajeros automáticos, casa de cambio y 63 locales comerciales. Buena opción de escala.</div> </div> </div> <!-- DINERO --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:0"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200 soles. Monedas de 0.10 a 5 soles. Tarjetas y pagos móviles aceptados en la mayoría de establecimientos.</p></div> <div class="g g-3" style="padding-top:8px"> <div class="ptip ptip-money"> <div class="ptip-h">💹 Mejor tipo de cambio</div> <div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen un tipo de cambio más favorable que los bancos y los hoteles. Úsalas siempre. Consulta en Google el tipo de referencia antes de cambiar.</div> </div> <div class="ptip ptip-warn"> <div class="ptip-h">🚫 Nunca en la calle</div> <div class="ptip-b">No cambies dinero con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca en los billetes que entregues para comprobar su legalidad. También verificarán los tuyos.</div> </div> <div class="ptip ptip-tip"> <div class="ptip-h">🤝 Regateo</div> <div class="ptip-b">En mercados, tiendas o puestos ambulantes: <strong>regatear es obligatorio.</strong> Sin regatear pagas entre un <strong>15% y 25% más</strong> del precio real. Pide la <em>yapa</em> (pequeño extra gratis).</div> </div> <div class="ptip ptip-info"> <div class="ptip-h">🏧 Cajeros automáticos</div> <div class="ptip-b">Disponibles en la mayoría de ciudades. <strong>Retira soles directamente</strong> en lugar de cambiar dólares en la recepción del hotel. Revisa las comisiones de tu banco.</div> </div> <div class="ptip ptip-ok"> <div class="ptip-h">🍽️ Menú del día</div> <div class="ptip-b">La forma más inteligente de comer bien y barato: <strong>S/10-15 (~$3-4 USD)</strong> te dan sopa, segundo, refresco y postre. Busca en mercados y restaurantes de barrio.</div> </div> <div class="ptip ptip-or"> <div class="ptip-h">💱 Billetes falsos</div> <div class="ptip-b">Aprende a <strong>reconocer billetes falsos</strong> con marcas de agua y tacto. Es práctica normal que verifiquen tus billetes <em>y también los tuyos</em> delante del cajero. Sin ofensa.</div> </div> </div> </div> <!-- SEGURIDAD — Alertas --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar antes de aventurarte.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"> <div class="ptip-h">👜 Robo en grupo</div> <div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas mientras extraen objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados concurridos de Lima.</div> </div> <div class="ptip ptip-warn"> <div class="ptip-h">📄 Pasaporte</div> <div class="ptip-b">Deja el <strong>pasaporte original en lugar seguro</strong> del hotel y lleva siempre una fotocopia para identificación. La copia es válida para la mayoría de trámites turísticos.</div> </div> <div class="ptip ptip-or"> <div class="ptip-h">🏨 Cusco: Terminal de buses</div> <div class="ptip-b">Al llegar al terminal, <strong>«representantes» de hostels</strong> insistirán ofreciendo alojamiento. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a un sitio diferente al ofrecido.</div> </div> <div class="ptip ptip-ok"> <div class="ptip-h">📞 Emergencias</div> <div class="ptip-b">Número de emergencias policiales: <strong>105</strong>. Servicio de asistencia turística Iperú: <strong>+51 1 574-8000</strong> (gratuito, 24/7 los 365 días).</div> </div> </div> </div> <!-- CÓMO MOVERSE — Transporte interno --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-or"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — Lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"> <div class="ptip-h">⚠️ Taxis informales</div> <div class="ptip-b">Gran porcentaje de taxis <strong>no están asociados a empresas</strong> y <strong>no son totalmente seguros.</strong> Pueden conducir muy rápido y de forma imprudente. <strong>Abrocharse siempre el cinturón.</strong></div> </div> <div class="ptip ptip-ok"> <div class="ptip-h">✅ UBER / Cabify</div> <div class="ptip-b"><strong>UBER y Cabify</strong> están disponibles en Lima y otras ciudades. Se consideran <strong>mucho más confiables</strong> que los taxis informales. Son la opción recomendada para turistas.</div> </div> <div class="ptip ptip-tip"> <div class="ptip-h">💡 Reglas del taxi</div> <div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> El precio se establece <strong>SIEMPRE ANTES del viaje,</strong> nunca después. <strong>No se acostumbra dar propina.</strong> Las agencias son seguras pero caras.</div> </div> </div> <div class="wva-sub"><span>🚌 Buses — Diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"> <div class="ptip-h">🟢 Empresas oficiales</div> <div class="ptip-b">Terminales propios, vehículos en buen estado, <strong>piden documento al subir y filman pasajeros</strong> como medida de seguridad. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero justificadas.</div> </div> <div class="ptip ptip-warn"> <div class="ptip-h">🔴 Empresas informales</div> <div class="ptip-b">Pueden usar camiones reformados, no cumplen normas, paran infinidad de veces. <strong>La mayoría de accidentes de buses corresponden a informales</strong> que no tienen seguro para el pasajero. Evitar.</div> </div> </div> <div class="wva-al a-warn" style="margin-top:4px"> <span class="al-em">🚦</span> <div class="al-txt"><strong>Lima — Horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Av. Universitaria, Vía Expresa y Javier Prado Este. <strong>Empresas problemáticas: «Oriones», «Nueva América», «Chosicanos».</strong> Conductores de buses, coasters y combis tienen fama de conducción irresponsable.</div> </div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-ico">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca y LC Perú. Vuelos diarios Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP). La forma más eficiente.</div><div class="tport-tags"><span class="tag t-bl">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-ico">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. Servicios Vistadome y Belmond. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-ico">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Muy popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco. Característica del paisaje urbano peruano.</div><div class="tport-tags"><span class="tag t-or">Corta distancia</span></div></div> <div class="tport tp-gn"><div class="tport-ico">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema <strong>SIT</strong> (corredores complementarios) en principales avenidas. Más ordenado que el transporte informal.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- GASTRONOMÍA PRÁCTICA --> <div class="wva-sec bg-w"> <div class="wva-sh sh-or"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es considerada una de las mejores del mundo. Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) y africana es fundamental en la cocina criolla.</p></div> <div class="wva-sub"><span>🎯 Qué pedir y dónde</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón con ají y cebolla morada. La versión de <strong>trucha</strong> en Cusco y sierra es especialmente buena. El auténtico se hace al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em> (gastronomía chino-peruana). Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🌶️</div><div><div class="wva-li-name">Ají de gallina · Causa rellena</div><div class="wva-li-desc">Platos criollos básicos en Lima. La causa (papa amarilla) tiene infinitas variantes de relleno. Pedir siempre el <strong>ají de gallina con arroz blanco.</strong></div><div class="wva-li-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">S/12-22</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en la sierra, especialmente en Cusco y Arequipa. Sabor intenso, textura similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:4px"> <div class="ptip ptip-tip"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco (aguardiente de uva), limón, clara de huevo, azúcar y Amargo de Angostura. Intensa y refrescante. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Bebida sin alcohol de maíz morado cocido con frutas. <strong>Dulce, refrescante, sin alcohol.</strong> Una de las más consumidas. Pedir siempre.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b">Infusión de hoja de coca. <strong>Esencial contra el mal de altura</strong> en sierra y Altiplano. Completamente legal en Perú y vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:0;margin-bottom:12px"> <span class="al-em">⭐</span> <div class="al-txt"><strong>Truco del menú del día:</strong> En restaurantes de barrio y mercados, por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo plato, refresco y postre. Es la forma más inteligente de comer bien y barato. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos reconstituyentes de desayuno.</div> </div> </div> <!-- SECRETOS LOCALES — Talent card style --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero experimentado. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Servicio oficial de información turística. <strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:#111;border-color:#111">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">A</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso. No tomar a mal.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff;border-color:var(--rd)">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» en mal contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:60%"></div></div></div> </div> <div class="tcard-text">Al referirte al <strong>ciclismo de montaña,</strong> muchos peruanos confunden «senderismo» con <strong>Sendero Luminoso</strong> (organización terrorista). Usa mejor <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff;border-color:#111">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Corriente de <strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Los dispositivos europeos con 220V funcionan pero necesitas <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:#111;border-color:#111">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:90%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra. Ideal para trekking y Machu Picchu. <strong>Junio-Agosto:</strong> temporada alta — reservar alojamiento meses antes. <strong>Nov–Abril:</strong> lluvias en sierra.</div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct: ideal</span><span class="tag t-wh">Reserva antes</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff;border-color:#111">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español peruano costeño es considerado <strong>uno de los más claros de América Latina.</strong> No hablan tan rápido. Lima es <strong>excelente destino para aprender español.</strong></div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Aprender español</span></div> </div> </div> </div> <!-- SALUD --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — Lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"> <div class="ptip-h">⚠️ Síntomas del soroche</div> <div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48 horas son críticos. La mayoría se aclimatan en este tiempo.</div> </div> <div class="ptip ptip-ok"> <div class="ptip-h">✅ Cómo combatirlo</div> <div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. Beber <strong>mate de coca</strong> (lo más natural). Evitar el alcohol los primeros días.</div> </div> <div class="ptip ptip-tip"> <div class="ptip-h">💊 Medicamentos en farmacia</div> <div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para el soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Disponibles sin receta.</div> </div> <div class="ptip ptip-info"> <div class="ptip-h">💉 Vacunas para la selva</div> <div class="ptip-b">Si visitas la Amazonía: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div> </div> </div> </div> <!-- PRÓXIMO DESTINO --> <div class="wva-sec bg-w"> <div class="wva-sh sh-cy"><span class="ico">➡️</span><span class="wva-sh-t">Próximo destino</span></div> <div class="wva-body"><p>Desde Perú puedes continuar tu viaje a los países vecinos fácilmente.</p></div> <div class="wva-next"> <div class="ncard">🇨🇱 Chile</div> <div class="ncard">🇧🇴 Bolivia</div> <div class="ncard">🇧🇷 Brasil</div> <div class="ncard">🇨🇴 Colombia</div> <div class="ncard">🇪🇨 Ecuador</div> </div> </div> </div> == segundo == <div class="wva"> <!-- ════ HERO 80/20 ════ --> <div class="wva-hero"> <div class="wva-hc"> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia en un solo país. Cuna del Imperio Inca y de civilizaciones milenarias. Una de las gastronomías más reconocidas del mundo y destino imprescindible de Sudamérica.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <div class="wva-himg"> <div class="wva-himg-deco">★⚡◆</div> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e3/Machu_Picchu%2C_Peru%2C_2015-07-30%2C_DD_47.JPG/800px-Machu_Picchu%2C_Peru%2C_2015-07-30%2C_DD_47.JPG" alt="Machu Picchu, Perú" loading="lazy"> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"> <strong>Capital:</strong> Lima<br> <strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br> <strong>Voltaje:</strong> 220V · 60Hz<br> <strong>Emergencias:</strong> 105 (Policía)<br> <strong>Iperú:</strong> +51 1 574-8000 </div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-bk"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> <!-- ════ PRÓXIMO DESTINO ════ --> <div class="wva-sec bg-w" style="border-bottom:none"> <div class="wva-sh sh-bk"><span class="ico">➡️</span><span class="wva-sh-t">Próximo destino</span></div> <div class="wva-body"><p>Desde Perú puedes continuar tu viaje a los países vecinos fácilmente por tierra, aire o río.</p></div> <div class="wva-next"> <div class="ncard">🇨🇱 Chile</div> <div class="ncard">🇧🇴 Bolivia</div> <div class="ncard">🇧🇷 Brasil</div> <div class="ncard">🇨🇴 Colombia</div> <div class="ncard">🇪🇨 Ecuador</div> </div> </div> </div> 0h2x05lyswwy0dprze8u4pr4iuap31t 253518 253513 2026-05-18T21:14:22Z Jsmura 5370 /* Modelo folleto ciudades/lugares */ 253518 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-bk"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> <!-- ════ PRÓXIMO DESTINO ════ --> <div class="wva-sec bg-w" style="border-bottom:none"> <div class="wva-sh sh-bk"><span class="ico">➡️</span><span class="wva-sh-t">Próximo destino</span></div> <div class="wva-body"><p>Desde Perú puedes continuar tu viaje a los países vecinos fácilmente por tierra, aire o río.</p></div> <div class="wva-next"> <div class="ncard">🇨🇱 Chile</div> <div class="ncard">🇧🇴 Bolivia</div> <div class="ncard">🇧🇷 Brasil</div> <div class="ncard">🇨🇴 Colombia</div> <div class="ncard">🇪🇨 Ecuador</div> </div> </div> </div> scjwro3e0uswfuzapt8fryfchu5ux7s 253521 253518 2026-05-18T21:20:28Z Jsmura 5370 /* Modelo folleto ciudades/lugares */ 253521 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> </div> 9c4s0ae534hd5k6m9uyrzlv25b8361b 253525 253521 2026-05-18T21:32:36Z Jsmura 5370 /* segundo */ 253525 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == <div class="wva wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> endgfg743jthwt00tim7w2id4b3o4ar 253526 253525 2026-05-18T21:35:18Z Jsmura 5370 /* segundo */ 253526 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == <div class="wva wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> {{Usuario:Jsmura/Banner images responsive |img1=Delicious Street Food - 2.jpg |img2=Sinulog Festival (2023) contingents in street dance 05.jpg |img3=Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg |img4=Jennie Milton Uçurtma Kayağı.jpg |img5=Colorful autumn forest.jpg }} <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> femzsr61rib8rqrqxztj4wwrb3yv8mf 253531 253526 2026-05-19T03:44:38Z Jsmura 5370 /* segundo */ 253531 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> </div> qolkva2hv94mhbg0b06xzi6tz3tovax 253532 253531 2026-05-19T03:57:27Z Jsmura 5370 /* segundo */ 253532 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == {{Usuario:Jsmura/Selector horizontal responsive |butonera= {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Inicio}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Segundo}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Tercero}} |main content= {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content= <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> </div> }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|activo=sí|content= <div class="wva"> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> </div> }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|activo=sí|content= <div class="wva"> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> </div> }} }} <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> </div> mfrat55heexn6q3vn4wqrddm1coapmh 253533 253532 2026-05-19T04:04:42Z Jsmura 5370 /* segundo */ 253533 wikitext text/x-wiki = Principal = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Main|subtitle=Principal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Data|subtitle=Temas generales}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content= <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> </div> }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content= <div class="wva"> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> </div> }} }} {{Usuario:Jsmura/Selector horizontal responsive |butonera= {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Inicio}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Segundo}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Tercero}} |main content= {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content= <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> </div> }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|activo=sí|content= <div class="wva"> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> </div> }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|activo=sí|content= <div class="wva"> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> </div> }} }} <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> </div> ofozmn35hsmlytzvmi45h5hnafclvx2 253534 253533 2026-05-19T04:10:04Z Jsmura 5370 253534 wikitext text/x-wiki <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> </div> {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Texto|bg=#1a1a1a|color=#fff |El Perú, oficialmente la República del Perú, es un país localizado en la costa oeste de Sudamérica. Por el oeste, sus costas son bañadas por el océano Pacífico. Limita por el norte con Ecuador y Colombia, al este con Brasil, y Bolivia y Chile al sureste.}} {{Usuario:Jsmura/Taller/Tira |bg=#003366 |acento=#00bcd4 |icono1=Służba_kulturalno-oświatowa_MW.png|label1=Emergencias|valor1=911 |icono2=Służba_kulturalno-oświatowa_MW.png|label2=Policía|valor2=105 |icono3=Służba_kulturalno-oświatowa_MW.png|label3=Bomberos|valor3=116 }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} {{Usuario:Jsmura/Taller/CardVert |imagen=DANZA ARARIWAY - CUSIPATA - CUSCO, PERU.jpg |enlace=Perú |texto=Perú |tamaño=60px |ratio=110% }} }} {{Usuario:Jsmura/Taller/Columna|header=Ciudades|header-acento=#8b0000| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |ratio=80% |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Montaña de los 7 colores.jpg |enlace=Cusco |bot=Cuzco |ratio=80% |acento=#1d6fa4 |hover=rgba(0,10,30,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=El Misti, Arequipa - Peru.jpg |enlace=Arequipa |bot=Arequipa |ratio=60% |acento=#b87333 |hover=rgba(18,8,0,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Cajamarca iglesia san francisco.jpg |enlace=Cajamarca |bot=Cajamarca |ratio=60% |acento=#00bcd4 |hover=rgba(0,12,18,0.88) }} }} {{Usuario:Jsmura/Taller/Columna|header=Emblemas|header-acento=#1d6fa4| {{Usuario:Jsmura/Taller/Card |imagen=Machu Picchu, Perú, 2015-07-30, DD 40.JPG |enlace=Machu Picchu |bot=Machu Picchu |ratio=90% |acento=#00897b |hover=rgba(0,12,10,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Chavin de Huantar El Castillo 06122009.jpg |enlace=Chavín de Huántar |bot=Chavín de Huántar |ratio=50% |acento=#6a0dad |hover=rgba(10,0,20,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=Líneas de Nazca, Nazca, Perú, 2015-07-29, DD 55.JPG |enlace=Nazca |bot=Líneas de Nazca |ratio=80% |acento=#ad1457 |hover=rgba(22,0,12,0.88) }} {{Usuario:Jsmura/Taller/Card |imagen=BA Mancora 371@20140102.jpg |enlace=Máncora |bot=Máncora |ratio=60% |acento=#4caf7d |hover=rgba(0,14,8,0.88) }} }} }} = Itinerarios = {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min |lico1=Icono_plaza.png |lugar1=Plaza Mayor |lenlace1=Plaza Mayor de Lima |ldesc1=Centro histórico declarado Patrimonio UNESCO |ldist1=0 m |lico2=Icono_museo.png |lugar2=Larco Museo |lenlace2=Museo Larco |ldesc2=Colección precolombina más grande |ldist2=3.5 km |lico3=Icono_mar.png |lugar3=Miraflores |lenlace3=Miraflores |ldesc3=Malecón, parques y gastronomía |ldist3=8 km |lico4=Icono_mar.png |lugar4=Miraflores |lenlace4=Miraflores |ldesc4=Malecón, parques y gastronomía |ldist4=8 km}} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Card |imagen=Circuito agua lima4.jpg |enlace=Lima |bot=Lima |acento=#e63946 |hover=rgba(30,0,0,0.88) |ratio=80% }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d47a1 |acento=#82b1ff |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos y puntos clave |mico1=Airplane-departure - Delapouite - game-icons.svg |medio1=Vuelo directo |mdesc1=Desde el aeropuerto internacional |mtime1=45 min |mico2=Icon-mode-bus-default.svg |medio2=Bus interprovincial |menlace2=Terminal de buses |mdesc2=Desde terminales norte y sur |mtime2=Varía |mico3=Icono_metro.png |medio3=Metro de Lima |menlace3=Metro de Lima |mdesc3=Línea 1, estación central |mtime3=20 min |mico4=Icono_metro.png |medio4=Metro de Lima |menlace4=Metro de Lima |mdesc4=Línea 1, estación central |mtime4=20 min }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta del centro histórico |total=5 h 30 min |bg=#0d0d0d |acento=#c9a84c |lugar1=Plaza Mayor |enlace1=Plaza Mayor |tiempo1=30 min |actividad1=Recorrido por la arquitectura colonial y fuente central |tipo1=Plaza |dif1=Fácil |costo1=Gratis |horario1=08:00 – 09:00 |lugar2=Catedral Metropolitana |enlace2=Catedral Metropolitana |tiempo2=1 h |actividad2=Visita interior, cripta y torre mirador |tipo2=Religioso |dif2=Fácil |costo2=$3 |horario2=09:00 – 10:00 |lugar3=Museo de Arte |enlace3=Museo de Arte |tiempo3=1 h 30 min |actividad3=Colección permanente de arte virreinal y contemporáneo |tipo3=Museo |dif3=Fácil |costo3=$8 |horario3=10:00 – 11:30 |lugar4=Mercado Central |enlace4=Mercado Central |tiempo4=45 min |actividad4=Gastronomía local y artesanías típicas |tipo4=Mercado |dif4=Fácil |costo4=Variable |horario4=12:00 – 13:00 }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} }} {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Gastronomia |bg=#e65100 |acento=#ffe0b2 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.15) |titulo=Sabores locales |subtitulo=Comidas y bebidas |foto1=Ceviche.jpg |nombre1=Ceviche |enlace1=Ceviche |lugar1=Costa central |desc1=Pescado fresco marinado en limón con ají |tipo1=Plato |precio1=S/ 25–40 |horario1=Almuerzo |foto2=Pisco_sour.jpg |nombre2=Pisco Sour |enlace2=Pisco sour |lugar2=Lima |desc2=Cóctel bandera a base de pisco quebranta |tipo2=Bebida |precio2=S/ 18–30 |horario2=Noche |foto3=Ceviche.jpg|nombre3=Lomo Saltado |enlace3=Lomo saltado |lugar3=Todo el país |desc3=Salteado de res con papas y tomate |tipo3=Plato |precio3=S/ 20–35 |horario3=Almuerzo |foto4=Chicha_morada.jpg|nombre4=Chicha Morada |enlace4=Chicha morada |lugar4=Tradicional |desc4=Bebida de maíz morado con frutas |tipo4=Bebida |precio4=S/ 5–10 |horario4=Todo el día }} }} }} {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna| {{Usuario:Jsmura/Taller/Callout |tipo=Nota histórica |titulo=Fundación de la ciudad |texto=La ciudad fue fundada en [[1535]] por [[Francisco Pizarro]] sobre los terrenos del señorío de [[Ichma]]. Su nombre original fue '''Ciudad de los Reyes'''. |footer=Ver también: [[Historia de Lima]] |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Zonas de acceso restringido |texto=Algunas áreas del centro histórico requieren permiso especial. Consulta con la [[Municipalidad]] antes de visitar. |acento=#e65100 |bg=rgba(230,81,0,0.08) |variante=filled |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=El [[Centro Histórico de Lima]] fue declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#1565c0 |variante=solid |txt=#212121 |txt2=#37474f }} {{Usuario:Jsmura/Taller/Lista |titulo=Festividades principales |bg=#0d0d0d |acento=#c9a84c |item1=Señor de los Milagros |enlace1=Señor de los Milagros |meta1=Octubre |item2=Fiestas Patrias |enlace2=Fiestas Patrias |meta2=28 Jul |item3=Fiesta de la Candelaria |enlace3=Virgen de la Candelaria|meta3=Febrero |item4=Semana Santa |enlace4=Semana Santa |meta4=Abril |item5=Corpus Christi |enlace5=Corpus Christi |meta5=Junio }} {{Usuario:Jsmura/Taller/Cita |texto=Esta ciudad, tan bella como antigua, guarda en cada piedra el rastro de civilizaciones que el tiempo no ha podido borrar. |autor=Raúl Porras Barrenechea |fuente=Lima, 1935 |bg=#0d0d0d |acento=#c9a84c }} {{Usuario:Jsmura/Taller/Stat |titulo=Cifras clave |bg=#0d0d0d |acento=#1d6fa4 |cifra1=10M |label1=Habitantes |sub1=Área metropolitana |cifra2=2,672 |label2=km² de área |cifra3=1535 |label3=Año de fundación |cifra4=43 |label4=Distritos }} }} }} = Itinerarios recomendados = == Lima == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Lima|header-color=#1a1a2e|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/Card |imagen=Miraflores Lima Peru skyline.jpg |top=Miraflores |bot=Costa del Pacífico |acento=#c9a84c |hover=rgba(10,8,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#1a1a2e |acento=#c9a84c |icono1=Bandeira de Oza-Cesuras A Coruña.svg |label1=Altitud |valor1=154 m |icono2=Weather-few-clouds.svg |label2=Clima |valor2=18–26 °C |icono3=OOjs UI icon language-ltr-progressive.svg |label3=Idioma |valor3=Español }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato clave |texto=Lima es una de las '''cinco megaciudades''' de América Latina y alberga el [[Centro Histórico de Lima|centro histórico]] declarado '''Patrimonio de la Humanidad''' por la UNESCO en 1988. |acento=#c9a84c |bg=rgba(201,168,76,0.08) |txt=#c9a84c |txt2=#0d0d0d }} {{Usuario:Jsmura/Taller/Stat |titulo=Lima en cifras |bg=#0d0d0d |acento=#c9a84c |cifra1=10M |label1=Habitantes |cifra2=1535 |label2=Fundación |cifra3=43 |label3=Distritos |cifra4=3°C |label4=Mín. invernal }} {{Usuario:Jsmura/Taller/CardVert |imagen=Plaza mayor de Lima, centro histórico.jpg |texto=Tradición |tamaño=20px |ratio=75% }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía|header-color=#2d1a00|header-acento=#e65100| {{Usuario:Jsmura/Taller/CardVert |imagen=Comida criolla y marina peruana.jpg |texto=Sabor |tamaño=38px |ratio=75% }} {{Usuario:Jsmura/Taller/Gastronomia |bg=#1a0d00 |acento=#e65100 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Platos imperdibles |subtitulo=Costa peruana |foto1=Ceviche de pescado (La Punta, Callao).jpg |nombre1=Ceviche |lugar1=Lima · Costa |desc1=Pescado en limón, ají limo y cebolla morada |tipo1=Plato bandera |precio1=S/ 25–45 |horario1=Almuerzo |foto2=Lomo-saltado-perudelights.jpg |nombre2=Lomo Saltado |lugar2=Todo el país |desc2=Salteado de res con papas y tomate |tipo2=Criolla |precio2=S/ 20–38 |horario2=Almuerzo |foto3=Causalimeña.jpg |nombre3=Causa Limeña |lugar3=Lima |desc3=Papa amarilla rellena de atún o pollo |tipo3=Entrada |precio3=S/ 15–25 |horario3=Todo el día |foto4=Pisco Sour Cocktail.jpg |nombre4=Pisco Sour |lugar4=Lima |desc4=Cóctel de pisco quebranta con limón |tipo4=Bebida bandera |precio4=S/ 18–30 |horario4=Noche }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mercado de Surquillo |texto=El mejor lugar para probar ingredientes frescos y comer como local. Ideal para visitar antes del mediodía. |acento=#e65100 |bg=rgba(230,81,0,0.08) |txt=#0d0d0d |txt2=#0d0d0d }} }} {{Usuario:Jsmura/Taller/Columna|header=Itinerario · 3 días|header-color=#0d1f0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Itinerario |titulo=Lima esencial |total=3 días |bg=#0d1a0d |acento=#2e7d32 |lugar1=Plaza Mayor de Lima |tiempo1=2 h |actividad1=Catedral, Palacio de Gobierno y arquitectura colonial |tipo1=Historia |dif1=Fácil |costo1=Gratis |horario1=09:00 |lugar2=Larco Museo|tiempo2=2 h |actividad2=Colección precolombina más grande del mundo |tipo2=Museo |dif2=Fácil |costo2=S/ 30 |horario2=12:00 |lugar3=Miraflores|tiempo3=3 h |actividad3=Malecón, Parque del Amor y acantilados del Pacífico |tipo3=Naturaleza |dif3=Fácil |costo3=Gratis |horario3=16:00 |lugar4=Barranco|tiempo4=2 h |actividad4=Puente de los Suspiros, galerías y vida nocturna |tipo4=Cultural |dif4=Fácil |costo4=Gratis |horario4=19:00 |lugar5=Circuito Mágico del Agua|tiempo5=1 h 30 min |actividad5=Espectáculo de fuentes iluminadas, el mayor del mundo |tipo5=Espectáculo |dif5=Fácil |costo5=S/ 4 |horario5=19:30 }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Desde el aeropuerto |mico1=Airplane silhouette white.svg |medio1=Vuelo internacional |mdesc1=Hub principal de Sudamérica |mtime1=Directo |mico2=Yandex Taxi icon.svg |medio2=Taxi / remisse |mdesc2=Desde Jorge Chávez al centro |mtime2=35–60 min |mico3=Amsterdam unofficial metro icon line 50.svg |medio3=Metropolitano |mdesc3=Corredor rápido norte–sur |mtime3=Varía }} }} }} == Cuzco == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Cusco|header-color=#2d0000|header-acento=#e63946| {{Usuario:Jsmura/Taller/Card |imagen=Cusco_plaza_armas.jpg |enlace=Cusco |top=[[Cusco]] |bot=Capital del Tahuantinsuyo |acento=#e63946 |hover=rgba(30,0,0,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#2d0000 |acento=#e63946 |icono1=Icono_altitud.png |label1=Altitud |valor1=3,399 m |icono2=Icono_clima.png |label2=Clima |valor2=3–20 °C |icono3=Icono_epoca.png |label3=Mejor época|valor3=May–Oct }} {{Usuario:Jsmura/Taller/Callout |tipo=Precaución |titulo=Mal de altura |texto=Cusco está a más de 3,300 m. Se recomienda '''descansar el primer día''', beber mucha agua e infusiones de [[coca|hoja de coca]]. Evita el alcohol las primeras 24 horas. |acento=#e63946 |bg=rgba(230,57,70,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) |variante=filled }} {{Usuario:Jsmura/Taller/Cita |texto=Quien llega a Cusco no visita una ciudad, visita una era. Cada calle es una página de historia viva. |autor=Cronista anónimo |fuente=Diarios de viaje, s. XX |bg=#1a0000 |acento=#e63946 |txt=#fff |txt2=rgba(255,255,255,0.35) }} }} {{Usuario:Jsmura/Taller/Columna|header=Machu Picchu · Cusco|header-color=#1a1400|header-acento=#c9a84c| {{Usuario:Jsmura/Taller/CardVert |imagen=Machu_picchu_panorama.jpg |enlace=Machu Picchu |texto=Machu Picchu |tamaño=32px |ratio=85% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Ruta inca · 4 días |total=4 días |bg=#1a1400 |acento=#c9a84c |lugar1=Cusco ciudad |enlace1=Cusco |tiempo1=1 día |actividad1=Aclimatación, Plaza de Armas, Qorikancha y mercado de San Pedro |tipo1=Adaptación |dif1=Fácil |costo1=S/ 30–60 |horario1=Día 1 |lugar2=Valle Sagrado |enlace2=Valle Sagrado de los Incas|tiempo2=1 día |actividad2=Pisac, Ollantaytambo y mercados artesanales |tipo2=Arqueológico |dif2=Moderado |costo2=Boleto turístico|horario2=Día 2 |lugar3=Aguas Calientes |enlace3=Aguas Calientes |tiempo3=Noche |actividad3=Llegada en tren, termas y descanso previo |tipo3=Tránsito |dif3=Fácil |costo3=S/ 50–80 |horario3=Día 3 |lugar4=Machu Picchu |enlace4=Machu Picchu |tiempo4=6 h |actividad4=Ciudadela inca, Puerta del Sol y opcional Huayna Picchu |tipo4=Patrimonio UNESCO |dif4=Moderado |costo4=S/ 152 |horario4=06:00 |lugar5=Montaña Arcoíris |enlace5=Montaña de Siete Colores|tiempo5=5 h |actividad5=Trekkig a 5,200 m con vistas únicas de los Andes |tipo5=Aventura |dif5=Exigente |costo5=S/ 70 |horario5=Día 5 }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Sierra|header-color=#0d1a0d|header-acento=#2e7d32| {{Usuario:Jsmura/Taller/Gastronomia |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Cocina andina |subtitulo=Sabores de la sierra |foto1=Cuy_asado.jpg |nombre1=Cuy al horno |enlace1=Cuy |lugar1=Cusco · Puno |desc1=Plato ceremonial andino asado con hierbas |tipo1=Tradicional |precio1=S/ 30–55 |horario1=Almuerzo |foto2=Chupe_camaron.jpg |nombre2=Chupe de camarones |enlace2=Chupe de camarones |lugar2=Arequipa |desc2=Sopa espesa con camarones de río y ají |tipo2=Sopa |precio2=S/ 20–35 |horario2=Almuerzo |foto3=Chicha_morada.jpg |nombre3=Chicha de jora |enlace3=Chicha de jora |lugar3=Andes |desc3=Bebida fermentada de maíz amarillo ancestral |tipo3=Bebida ancestral |precio3=S/ 3–8 |horario3=Todo el día |foto4=Rocoto_relleno.jpg|nombre4=Rocoto relleno |enlace4=Rocoto relleno |lugar4=Arequipa |desc4=Ají rocoto relleno de carne y pasas gratinado |tipo4=Arequipeño |precio4=S/ 18–28 |horario4=Almuerzo }} {{Usuario:Jsmura/Taller/Transporte |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar a Cusco |subtitulo=Accesos principales |mico1=Icono_avion.png |medio1=Vuelo desde Lima |menlace1=Aeropuerto Alejandro Velasco Astete |mdesc1=Vuelos diarios desde Jorge Chávez |mtime1=1 h 15 min |mico2=Icono_tren.png |medio2=Tren a Machu Picchu |menlace2=PeruRail |mdesc2=Desde Ollantaytambo · PeruRail o Inca Rail |mtime2=1 h 40 min |mico3=Icono_bus.png |medio3=Bus panorámico |mdesc3=Desde Lima, ruta por la sierra |mtime3=21 h |lico1=Icono_ruinas.png |lugar1=Sacsayhuamán |lenlace1=Sacsayhuamán |ldesc1=Fortaleza inca sobre Cusco |ldist1=2 km |lico2=Icono_valle.png |lugar2=Valle Sagrado |lenlace2=Valle Sagrado de los Incas |ldesc2=Pisac, Moray y Salineras |ldist2=26 km |lico3=Icono_montana.png |lugar3=Montaña Arcoíris |lenlace3=Montaña de Siete Colores |ldesc3=Vinicunca a 5,200 msnm |ldist3=100 km }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades recomendadas |bg=#0d1a0d |acento=#2e7d32 |txt=#fff |item1=Camino Inca de 4 días |enlace1=Camino Inca |meta1=4 días |item2=Clase de cocina andina |meta2=3 h |item3=Visita a comunidades quechuas |meta3=Medio día |item4=Rafting en el río Urubamba|enlace4=Río Urubamba |meta4=2 h |item5=Planetario de Cusco |meta5=Noche }} }} }} == Amazonía == {{Usuario:Jsmura/Taller/Triptico| {{Usuario:Jsmura/Taller/Columna|header=Amazonía|header-color=#0d2d0d|header-acento=#4caf7d| {{Usuario:Jsmura/Taller/Card |imagen=Amazonas_rio_peru.jpg |enlace=Amazonas |top=[[Río Amazonas]] |bot=El río más caudaloso del mundo |acento=#4caf7d |hover=rgba(0,20,10,0.88) }} {{Usuario:Jsmura/Taller/Tira |bg=#0d2d0d |acento=#4caf7d |icono1=Icono_altitud.png |label1=Altitud |valor1=106 m |icono2=Icono_clima.png |label2=Clima |valor2=24–35 °C |icono3=Icono_fauna.png |label3=Especies |valor3=+50,000 }} {{Usuario:Jsmura/Taller/Callout |tipo=Dato asombroso |titulo=Pulmón del planeta |texto=La [[selva amazónica]] peruana cubre el '''60% del territorio''' nacional y alberga una de las mayores biodiversidades del planeta, con más de '''50,000 especies''' de flora y fauna registradas. |acento=#4caf7d |bg=rgba(76,175,125,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} {{Usuario:Jsmura/Taller/Stat |titulo=Selva peruana |bg=#0d1a0d |acento=#4caf7d |cifra1=782K |label1=km² de selva |cifra2=2,000 |label2=Especies de peces |cifra3=60% |label3=Del territorio |cifra4=51 |label4=Pueblos indígenas }} }} {{Usuario:Jsmura/Taller/Columna|header=Iquitos · Madre de Dios|header-color=#1a2d00|header-acento=#8bc34a| {{Usuario:Jsmura/Taller/CardVert |imagen=Iquitos_rio.jpg |enlace=Iquitos |texto=Iquitos |tamaño=40px |ratio=70% }} {{Usuario:Jsmura/Taller/Itinerario |titulo=Selva profunda · 5 días |total=5 días |bg=#1a2d00 |acento=#8bc34a |lugar1=Iquitos |enlace1=Iquitos |tiempo1=1 día |actividad1=Ciudad fluvial, mercado de Belén y paseo en mototaxi |tipo1=Urbano |dif1=Fácil |costo1=S/ 40–80 |horario1=Día 1 |lugar2=Reserva Allpahuayo |enlace2=Reserva Nacional Allpahuayo-Mishana|tiempo2=6 h |actividad2=Avistamiento de aves endémicas y caminata guiada |tipo2=Naturaleza |dif2=Moderado |costo2=S/ 60 |horario2=Día 2 |lugar3=Lago Sandoval |enlace3=Lago Sandoval |tiempo3=1 día |actividad3=Canoa al amanecer, nutrias gigantes y caimanes |tipo3=Fauna |dif3=Moderado |costo3=S/ 120 |horario3=Día 3 |lugar4=Reserva Tambopata |enlace4=Reserva Nacional Tambopata|tiempo4=2 días |actividad4=Lodge en selva, colpa de guacamayos y pesca de pirañas |tipo4=Aventura |dif4=Moderado |costo4=S/ 350+ |horario4=Días 4–5 }} {{Usuario:Jsmura/Taller/Lista |titulo=Actividades en la selva |bg=#1a2d00 |acento=#8bc34a |txt=#fff |item1=Avistamiento de delfines rosados |enlace1=Delfín rosado |meta1=Amanecer |item2=Pesca de pirañas |meta2=Tarde |item3=Visita a comunidades nativas |enlace3=Pueblos amazónicos|meta3=Medio día |item4=Canopy y tirolesa en la copa |enlace4=Dosel amazónico |meta4=Mañana |item5=Observación nocturna de fauna |meta5=21:00 |item6=Navegación por caño negro |meta6=Amanecer }} }} {{Usuario:Jsmura/Taller/Columna|header=Gastronomía · Selva|header-color=#2d1a00|header-acento=#ff8f00| {{Usuario:Jsmura/Taller/Gastronomia |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |borde=rgba(255,255,255,0.12) |titulo=Sabores amazónicos |subtitulo=Cocina de la selva |foto1=Juane.jpg |nombre1=Juane |enlace1=Juane |lugar1=Selva peruana |desc1=Arroz con gallina envuelto en hoja de bijao |tipo1=Plato típico |precio1=S/ 12–20 |horario1=Almuerzo |foto2=Tacacho.jpg |nombre2=Tacacho con cecina |enlace2=Tacacho |lugar2=Iquitos · Tarapoto|desc2=Bola de plátano verde con cecina de cerdo |tipo2=Amazónico |precio2=S/ 15–25 |horario2=Desayuno |foto3=Paiche.jpg |nombre3=Paiche a la plancha |enlace3=Arapaima |lugar3=Cuenca amazónica |desc3=El pez de agua dulce más grande del mundo |tipo3=Pescado |precio3=S/ 25–45 |horario3=Almuerzo |foto4=Chapo.jpg |nombre4=Chapo |enlace4=Chapo |lugar4=Selva norte |desc4=Bebida caliente de plátano maduro |tipo4=Bebida |precio4=S/ 3–6 |horario4=Desayuno }} {{Usuario:Jsmura/Taller/Transporte |bg=#2d1a00 |acento=#ff8f00 |txt=#fff |txt2=rgba(255,255,255,0.6) |titulo=Cómo llegar |subtitulo=Accesos a la selva |mico1=Icono_avion.png |medio1=Vuelo a Iquitos |menlace1=Aeropuerto Francisco Secada Vignetta |mdesc1=Única entrada posible, sin carretera |mtime1=1 h 45 min |mico2=Icono_avion.png |medio2=Vuelo a Puerto Maldonado|menlace2=Aeropuerto Padre Aldamiz |mdesc2=Puerta de entrada a Tambopata |mtime2=1 h 30 min |mico3=Icono_barco.png |medio3=Lancha fluvial |mdesc3=Entre comunidades ribereñas del Amazonas |mtime3=Varía |lico1=Icono_selva.png |lugar1=Reserva Tambopata |lenlace1=Reserva Nacional Tambopata |ldesc1=Biodiversidad única y lodges de lujo |ldist1=45 min |lico2=Icono_lago.png |lugar2=Lago Sandoval |lenlace2=Lago Sandoval |ldesc2=Espejo de agua con fauna excepcional |ldist2=2 h |lico3=Icono_rio.png |lugar3=Pacaya Samiria |lenlace3=Reserva Nacional Pacaya-Samiria |ldesc3=La reserva más grande del Perú |ldist3=120 km }} {{Usuario:Jsmura/Taller/Callout |tipo=Recomendación |titulo=Mejor época para visitar |texto=La temporada '''seca (mayo–octubre)''' es ideal para avistamiento de fauna. En temporada de lluvias el río sube y permite navegar canales inaccesibles, con paisajes distintos igualmente espectaculares. |acento=#ff8f00 |bg=rgba(255,143,0,0.08) |txt=#fff |txt2=rgba(255,255,255,0.6) }} }} }} = t = *[[Usuario:Jsmura/Taller/Triptico]] *[[Usuario:Jsmura/Taller/Columna]] *[[Usuario:Jsmura/Taller/Header]] *[[Usuario:Jsmura/Taller/CardVert]] *[[Usuario:Jsmura/Taller/Tira]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Card]] *[[Usuario:Jsmura/Taller/Texto]] *[[Usuario:Jsmura/Taller/Itinerario]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Gastronomia]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Transporte]] CREAR SUBELEMENTOS *[[Usuario:Jsmura/Taller/Callout]] *[[Usuario:Jsmura/Taller/Stat]] *[[Usuario:Jsmura/Taller/Cita]] *[[Usuario:Jsmura/Taller/Lista]] CREAR SUBELEMENTOS *Nombre?: Guías de viaje. Folleto del turista. Guía del turista. Folleto turístico. Muraguía para el turista. Guía de bolsillo del turista. *Adjuntar versión para imprimir en pdf? = Modelo folleto país = == imágenes== De cada artículo Importante. De lugares, comidas y ciudades. == links == *Más información - link artículo *Más información para cada sección? Enlace a su sección *Sitio oficial turismo: www.peru.travel == Importante== *MAPA DINAMICO? *clima *Huso horario. UTC-05:00. *Código telefónico +51. *Emergencias: 911 **Policía: 105 **Bomberos: 116 **Médico: 111, 117, 106 **Turismo: (+51 1) 574-8000. *UBER: SÍ *Idioma: Español *Corriente eléctrica: 220 volts / 60 hercio (Tipo A, NEMA 5-15, enchufe europeo). *TC (2026): 1 USD = 3.44 PEN *Altura (promedio): 1,555 m.s.n.m. == Llegar == *Facilidad/Paso libre de visa?: Américas, Europa y el Asia-Pacífico. Comunidad Andina y/o del MERCOSUR. *Aeropuertos: Aeropuerto Internacional Jorge Chávez. Aeropuerto Internacional Alejandro Velasco Astete == comidas ? == *cebiche *pollo a la brasa *ají de gallina *lomo saltado *ajíaco de cuy == Ciudades principales == * {{marker|type=city|name=[[Lima]]|wikidata=Q2868}} — la capital y la ciudad más grande del país, con una mezcla de arquitectura moderna y colonial, y es el mejor lugar para disfrutar de la gastronomía peruana. * {{marker|type=city|name=[[Cuzco]]|wikidata=Q5582862}} — una de las ciudades más visitadas de Perú, ya que es la más grande y cómoda desde donde se pueden iniciar visitas a Machu Picchu, el Valle Sagrado y otros sitios incas de la región. * {{marker|type=city|name=[[Arequipa]]|wikidata=Q159273}} — un sitio Patrimonio de la Humanidad de la UNESCO que representa una rica mezcla de las culturas indígenas y coloniales españolas. * {{marker|type=city|name=[[Cajamarca]]|wikidata=Q205119}} — famosa por sus quesos finos, iglesias y su importancia en la conquista española del Perú. *LINK - VER MÁS CIUDADES == Lugares principales/recomendados == *{{marker|name=[[Machu Picchu]]|wikidata=Q676203}} — este sitio Patrimonio de la Humanidad de la UNESCO es uno de los símbolos más conocidos del Imperio Inca, y es uno de los conjuntos de ruinas más famosos y espectaculares del mundo. *{{marker|name=[[Chavín de Huántar]]|wikidata=Q732554}} — Sitio Patrimonio de la Humanidad de la UNESCO de la cultura preincaica Chavín, alrededor del 900 a.C. *{{marker|name=[[Nazca|Líneas de Nazca]]|wikidata=Q1711521}} — famosas mundialmente por sus figuras geométricas y gigantescos dibujos en la arena del desierto. *{{marker|name=[[Trujillo (Peru)#Chan Chan|Chan Chan]]|wikidata=Q277540}} — impresionante conjunto de ruinas de una antigua ciudad de barro Chimú, y un sitio Patrimonio de la Humanidad de la UNESCO. *LINK - VER MÁS LUGARES == Festividades/fechas importantes? == = Modelo folleto ciudades/lugares = Estructura: *Festividades locales, Actividades, restaurantes, lugares emblemáticos, hoteles. *¿Agregar itinerarios con actividades específicas? == segundo == {{Usuario:Jsmura/Selector responsive |title sidebar=Elige un tipo |foot sidebar=↑ selecciona un tipo |sidebar content= {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador1|activo=sí|img=Wikivoyage-logo.svg|title=🏙️ Main|subtitle=Principal}} {{Usuario:Jsmura/Selector responsive/Sidebar item|id=identificador2|img=Wikivoyage-logo.svg|title=💡 Data|subtitle=Temas generales}} |main content= {{Usuario:Jsmura/Selector responsive/Content item|id=identificador1|activo=sí|content= <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> </div> }} {{Usuario:Jsmura/Selector responsive/Content item|id=identificador2|content= <div class="wva"> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> </div> }} }} {{Usuario:Jsmura/Selector horizontal responsive |butonera= {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid1|activo=sí|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Inicio}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid2|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Segundo}} {{Usuario:Jsmura/Selector horizontal responsive/Button item|id=bid3|content=[[Archivo:Wikivoyage-logo.svg|link=|alt=]] Tercero}} |main content= {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid1|activo=sí|content= <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> </div> }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid2|activo=sí|content= <div class="wva"> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> </div> }} {{Usuario:Jsmura/Selector horizontal responsive/Content item|id=bid3|activo=sí|content= <div class="wva"> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> </div> }} }} <div class="wva"> <div class="wva-hero"> <div class="wva-hero-dots"></div> <div class="wva-hero-deco">★ ⚡ ◆ ★</div> <div class="wva-hi"> <div class="wva-hi-loc">🌎 América del Sur · Sudamérica</div> <h1 class="wva-hi-h">Perú<em>República del Perú</em></h1> <p class="wva-hi-desc">Costa Pacífica, Andes y Amazonia. Cuna del Imperio Inca y de civilizaciones milenarias. Destino imprescindible con una gastronomía reconocida en el mundo entero.</p> <div class="wva-hi-tags"><span class="wva-hi-tag">🏛️ Machu Picchu UNESCO</span> <span class="wva-hi-tag">🦙 Imperio Inca</span> <span class="wva-hi-tag">🍽️ Top gastronomía</span> <span class="wva-hi-tag">🌿 Amazonia</span> <span class="wva-hi-tag">🏄 Surf y playas</span></div> </div> </div> <!-- ════ FICHA TÉCNICA — stats oscura ════ --> <div class="wva-ficha" style="position:relative"> <div class="wva-fb"> <div class="wva-fb-t">Presupuesto diario</div> <div class="wva-sr"><span class="wva-sl">MOCH</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:92%"></div></div></div> <div class="wva-sr"><span class="wva-sl">MEDIO</span><span class="wva-sg" style="color:var(--yw)">A+</span><div class="wva-sb"><div class="wva-sf sf-yw" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">LUJO</span><span class="wva-sg" style="color:var(--or)">B+</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:52%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Seguridad por zona</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--or)">B-</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:46%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:72%"></div></div></div> <div class="wva-sr"><span class="wva-sl">RURAL</span><span class="wva-sg" style="color:var(--gn)">A+</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:87%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Calidad transporte</div> <div class="wva-sr"><span class="wva-sl">AVIÓN</span><span class="wva-sg" style="color:var(--gn)">S</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:95%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS OF.</span><span class="wva-sg" style="color:var(--bl)">A</span><div class="wva-sb"><div class="wva-sf sf-bl" style="--w:74%"></div></div></div> <div class="wva-sr"><span class="wva-sl">BUS INF.</span><span class="wva-sg" style="color:var(--rd)">D</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:22%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Altitud · Soroche</div> <div class="wva-sr"><span class="wva-sl">LIMA</span><span class="wva-sg" style="color:var(--gn)">OK</span><div class="wva-sb"><div class="wva-sf sf-gn" style="--w:3%"></div></div></div> <div class="wva-sr"><span class="wva-sl">CUSCO</span><span class="wva-sg" style="color:var(--or)">⚠️</span><div class="wva-sb"><div class="wva-sf sf-or" style="--w:70%"></div></div></div> <div class="wva-sr"><span class="wva-sl">PUNO</span><span class="wva-sg" style="color:var(--rd)">🆘</span><div class="wva-sb"><div class="wva-sf sf-rd" style="--w:80%"></div></div></div> </div> <div class="wva-fb"> <div class="wva-fb-t">Datos esenciales</div> <div class="wva-fb-info"><strong>Capital:</strong> Lima<br><strong>Moneda:</strong> Sol (S/.) ≈ 3.8×USD<br><strong>Voltaje:</strong> 220V · 60Hz<br><strong>Emergencias:</strong> 105 (Policía)<br><strong>Iperú:</strong> +51 1 574-8000</div> </div> </div> <!-- ════ REGIONES ════ --> <div class="wva-sec bg-yw"> <div class="wva-sh sh-yw"><span class="ico">🗺️</span><span class="wva-sh-t">Regiones</span><span class="wva-sh-c">10 regiones turísticas</span></div> <div class="wva-body"><p>Perú se divide en <strong>10 grandes regiones</strong>, desde las costas del Pacífico hasta las profundidades amazónicas, pasando por las cumbres andinas y el Altiplano del Titicaca.</p></div> <div class="g g-r" style="padding-top:4px;padding-bottom:14px"> <div class="rcard" style="border-left-color:#b07cb0"><div class="rcard-name">🌆 Costa Central</div><div class="rcard-desc">Lima y alrededores. Mayor área metropolitana del Pacífico sudamericano.</div></div> <div class="rcard" style="border-left-color:#abb27a"><div class="rcard-name">🏜️ Costa Sur</div><div class="rcard-desc">Nazca, Paracas, Ica. Fusiona con el Desierto de Atacama.</div></div> <div class="rcard" style="border-left-color:#ab8880"><div class="rcard-name">🌊 Costa Norte</div><div class="rcard-desc">Sitios Mochica, playas de surf, Máncora. Mejor clima del país.</div></div> <div class="rcard" style="border-left-color:#83aa92"><div class="rcard-name">⛰️ Sierra Sur</div><div class="rcard-desc">Cusco, Machu Picchu, Valle Sagrado. El corazón inca.</div></div> <div class="rcard" style="border-left-color:#7a8cb1"><div class="rcard-name">🏔️ Sierra Central</div><div class="rcard-desc">Huancayo, Ayacucho. Cultura andina profunda.</div></div> <div class="rcard" style="border-left-color:#7ba1b0"><div class="rcard-name">💧 Sierra Norte</div><div class="rcard-desc">Cascadas, ruinas preincaicas, Cajamarca.</div></div> <div class="rcard" style="border-left-color:#8abb71"><div class="rcard-name">🏞️ Altiplano</div><div class="rcard-desc">Lago Titicaca, Puno. Por encima de los 3.500 m.</div></div> <div class="rcard" style="border-left-color:#b77698"><div class="rcard-name">🌿 San Martín</div><div class="rcard-desc">Alta selva amazónica. Acceso desde los Andes.</div></div> <div class="rcard" style="border-left-color:#689c65"><div class="rcard-name">🌳 Amazonia Peruana</div><div class="rcard-desc">Iquitos, Parque del Manu. Biodiversidad incomparable.</div></div> <div class="rcard" style="border-left-color:#ae6b6a"><div class="rcard-name">🦜 Madre de Dios</div><div class="rcard-desc">Puerto Maldonado. Frontera con Bolivia.</div></div> </div> </div> <!-- ════ CIUDADES ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-bk"><span class="ico">🏙️</span><span class="wva-sh-t">Ciudades principales</span><span class="wva-sh-c">9 ciudades</span></div> <div class="g g-a" style="padding-top:12px"> <div class="ccard"><span class="ccard-badge pk">Capital</span><div class="ccard-name">🏙️ Lima</div><div class="ccard-desc">La mayor ciudad del país. Gastronomía de clase mundial, arquitectura moderna y colonial.</div></div> <div class="ccard"><span class="ccard-badge">UNESCO</span><div class="ccard-name">🏛️ Arequipa</div><div class="ccard-desc">La Ciudad Blanca. Rica mezcla de culturas indígenas y coloniales españolas.</div></div> <div class="ccard"><span class="ccard-badge">Inca</span><div class="ccard-name">⛩️ Cusco</div><div class="ccard-desc">Base para Machu Picchu y el Valle Sagrado. La ciudad más visitada del país.</div></div> <div class="ccard"><span class="ccard-badge">Amazonia</span><div class="ccard-name">🌿 Iquitos</div><div class="ccard-desc">Puerta a los parques amazónicos. Solo accesible por aire o río.</div></div> <div class="ccard"><span class="ccard-badge">Titicaca</span><div class="ccard-name">🚢 Puno</div><div class="ccard-desc">Islas flotantes de totora en el Lago Titicaca. Frontera con Bolivia.</div></div> <div class="ccard"><div class="ccard-name">🏺 Trujillo</div><div class="ccard-desc">Cerca de Chan Chan y los sitios Chimú. Playas norteñas accesibles.</div></div> <div class="ccard"><div class="ccard-name">🧀 Cajamarca</div><div class="ccard-desc">Quesos artesanales, iglesias coloniales e inicio de la conquista española.</div></div> <div class="ccard"><div class="ccard-name">🏛️ Chiclayo</div><div class="ccard-desc">Ciudad animada, Museo Tumbas Reales de Sipán. Cultura Mochica.</div></div> <div class="ccard"><div class="ccard-name">🎭 Ayacucho</div><div class="ccard-desc">Pueblo Morocucho, artesanías únicas y Semana Santa muy famosa.</div></div> </div> <div class="wva-sub" style="margin-top:8px"><span>⭐ Otros destinos destacados</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:6px"> <div class="ptip ptip-bk"><div class="ptip-h">🌄 Machu Picchu</div><div class="ptip-b">Símbolo del Imperio Inca y Patrimonio UNESCO. <strong>Reservar acceso con meses de anticipación</strong> en temporada alta.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏜️ Líneas de Nazca</div><div class="ptip-b">Figuras geométricas gigantescas en el desierto. Solo se aprecian desde el aire. <strong>Sobrevuelo desde ~$80 USD.</strong></div></div> <div class="ptip ptip-bk"><div class="ptip-h">🏔️ P.N. Huascarán</div><div class="ptip-b">Cordillera Blanca. Hogar de la <strong>Puya Raimondi</strong> y del nevado más alto del Perú.</div></div> <div class="ptip ptip-bk"><div class="ptip-h">🌊 Lago Titicaca</div><div class="ptip-b">El lago navegable más alto del mundo a <strong>3.812 m.</strong> Islas flotantes de los Uros.</div></div> </div> </div> <!-- ════ LLEGADA Y VISA ════ --> <div class="wva-sec bg-ar"> <div class="wva-sh sh-bk"><span class="ico">✈️</span><span class="wva-sh-t">Llegada y visa</span><span class="wva-sh-c">5 vías de entrada</span></div> <div class="wva-body"><p><strong>Sin visa</strong> para la mayoría de países de América, Europa y Asia-Pacífico. Ciudadanos de la <strong>Comunidad Andina y MERCOSUR</strong> solo necesitan cédula de identidad.</p></div> <div class="g g-a" style="padding-top:0"> <div class="tport tp-cy"><div class="tport-icon">✈️</div><div class="tport-name">En avión (principal)</div><div class="tport-desc">Aeropuerto Jorge Chávez <strong>(LIM)</strong> en Lima. 28 aerolíneas internacionales. También Velasco Astete <strong>(CUZ)</strong> en Cusco con vuelos directos desde Bolivia y algunos destinos regionales.</div><div class="tport-tags"><span class="tag t-bk">Más rápido</span><span class="tag t-wh">19 puertas</span></div></div> <div class="tport tp-or"><div class="tport-icon">🚌</div><div class="tport-name">En bus internacional</div><div class="tport-desc">Desde Chile por <strong>Arica→Tacna</strong>. Desde Ecuador por <strong>Tumbes o Loja→Piura</strong>. Desde Bolivia por <strong>La Paz→Puno</strong>. Desde Brasil por <strong>Iñapari→Puerto Maldonado</strong>.</div><div class="tport-tags"><span class="tag t-yw">Económico</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚗</div><div class="tport-name">En auto propio</div><div class="tport-desc">Por el sur desde <strong>Arica (Chile)</strong> hacia Tacna. Por el norte desde <strong>Macará, Zapotillo o Arenillas (Ecuador)</strong>. Por el este desde <strong>Assis Brasil</strong>.</div><div class="tport-tags"><span class="tag t-gn">Flexible</span></div></div> <div class="tport tp-bl"><div class="tport-icon">🚢</div><div class="tport-name">En barco / crucero</div><div class="tport-desc">Cruceros que incluyen El <strong>Callao, Iquitos o Puno.</strong> También navegación fluvial desde Brasil por el río Amazonas.</div><div class="tport-tags"><span class="tag t-bl">Turístico</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">En tren (Chile)</div><div class="tport-desc">Servicio turístico del <strong>Tren Tacna-Arica</strong> que conecta Perú con Chile. Experiencia pintoresca y nostálgica.</div><div class="tport-tags"><span class="tag t-pu">Experiencia</span></div></div> </div> <div class="wva-sub" style="margin-top:4px"><span>⚠️ Datos prácticos del aeropuerto Lima</span><div class="wva-sub-line"></div></div> <div class="wva-al a-warn" style="margin-top:8px"><span class="al-em">🛃</span><div class="al-txt"><strong>Duty Free decomisado:</strong> Las compras de duty free realizadas en otros países <strong>pueden ser decomisadas en Lima.</strong> El control de seguridad a pasajeros en tránsito es señalado como «innecesario y caótico».</div></div> <div class="wva-al a-warn"><span class="al-em">🚕</span><div class="al-txt"><strong>Taxis del aeropuerto:</strong> Existen desde seguros hasta «oportunistas» que aprovechan la buena fe del turista. <strong>Siempre negocia el precio antes de subir.</strong> Hay buses a la ciudad a precios más bajos.</div></div> <div class="wva-al a-tip" style="margin-bottom:12px"><span class="al-em">💡</span><div class="al-txt">El aeropuerto Jorge Chávez tiene hotel 5★ conectado por puente peatonal (Costa del Sol Wyndham), 63 locales comerciales, cajeros y casa de cambio. Buena escala para vuelos largos.</div></div> </div> <!-- ════ DINERO ════ --> <div class="wva-sec bg-mn"> <div class="wva-sh sh-yw"><span class="ico">💵</span><span class="wva-sh-t">Dinero y presupuesto</span><span class="wva-sh-c">Sol · S/.</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Moneda: <strong>Sol (S/.)</strong>. Billetes de 10, 20, 50, 100 y 200. Tarjetas aceptadas en establecimientos formales. Cajeros disponibles en casi todas las ciudades.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-money"><div class="ptip-h">💹 Mejor tipo de cambio</div><div class="ptip-b">Las <strong>casas de cambio</strong> ofrecen mejor tipo que los bancos y los hoteles. Consulta el tipo en Google antes de cambiar.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🚫 Nunca en la calle</div><div class="ptip-b">No cambies con personas en la calle. <strong>Las falsificaciones abundan.</strong> Marca los billetes que entregues. También verificarán los tuyos.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">🤝 Regateo obligatorio</div><div class="ptip-b">En mercados y puestos: sin regatear pagas <strong>15-25% más.</strong> Pide siempre la <em>yapa</em> (pequeño extra o descuento).</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🍽️ Menú del día</div><div class="ptip-b">La forma más inteligente de comer: <strong>S/10-15 (~$3-4 USD)</strong> por sopa, segundo, refresco y postre. En mercados y restaurantes de barrio.</div></div> <div class="ptip ptip-info"><div class="ptip-h">🏧 Cajeros automáticos</div><div class="ptip-b">Retira soles directamente en cajero. <strong>Evita cambiar en la recepción del hotel:</strong> tipo de cambio muy bajo. Revisa comisiones de tu banco.</div></div> <div class="ptip ptip-or"><div class="ptip-h">💱 Billetes falsos</div><div class="ptip-b">Aprende a reconocerlos con marcas de agua. Es normal que verifiquen billetes <em>en ambas direcciones.</em> Sin ofensa.</div></div> </div> </div> <!-- ════ SEGURIDAD ════ --> <div class="wva-sec bg-war"> <div class="wva-sh sh-rd"><span class="ico">🚨</span><span class="wva-sh-t">Alertas de seguridad</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Como en muchas ciudades latinoamericanas, existen zonas inseguras especialmente en Lima. <strong>Consulta siempre con el hotel</strong> qué zonas evitar.</p></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">👜 Robo en grupo</div><div class="ptip-b"><strong>Grupos de jóvenes</strong> intentan distraer rodeando a personas para extraer objetos de mochilas o bolsos. Máxima atención en zonas turísticas y mercados de Lima.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">📄 Pasaporte</div><div class="ptip-b">Deja el <strong>original en el hotel</strong> y lleva siempre una fotocopia. La copia es válida para la mayoría de trámites turísticos cotidianos.</div></div> <div class="ptip ptip-or"><div class="ptip-h">🏨 Cusco: Terminal de buses</div><div class="ptip-b">Al llegar, <strong>«representantes» de hostels</strong> insistirán. Exige ver su <strong>identificación de la Cámara de Turismo.</strong> Hay casos de llevarte a sitios diferentes al ofrecido.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">📞 Emergencias</div><div class="ptip-b">Policía: <strong>105.</strong> Iperú (turismo): <strong>+51 1 574-8000</strong> gratuito, 24h, 365 días. 15 oficinas en todo el país.</div></div> </div> </div> <!-- ════ CÓMO MOVERSE ════ --> <div class="wva-sec bg-mv"> <div class="wva-sh sh-bk"><span class="ico">🏃</span><span class="wva-sh-t">Cómo moverse</span><span class="wva-sh-c">Transporte interno</span></div> <div class="wva-sub" style="margin-top:10px"><span>🚕 Taxis — lee antes de subir</span><div class="wva-sub-line"></div></div> <div class="g g-3" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Taxis informales</div><div class="ptip-b">Gran porcentaje <strong>no asociado a empresas.</strong> Conducen rápido e imprudentemente. <strong>Abrocharse siempre el cinturón.</strong></div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ UBER / Cabify</div><div class="ptip-b">Disponibles en Lima y otras ciudades. <strong>Mucho más confiables</strong> que los taxis informales. Opción recomendada para turistas.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💡 Reglas del taxi</div><div class="ptip-b">Los taxis peruanos <strong>NO usan taxímetro.</strong> Precio SIEMPRE <strong>antes del viaje.</strong> <strong>No se acostumbra dar propina.</strong> Agencias: seguras pero caras.</div></div> </div> <div class="wva-sub"><span>🚌 Buses — diferencia crucial</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-ok"><div class="ptip-h">🟢 Empresas oficiales</div><div class="ptip-b">Piden documento al subir y filman pasajeros. <strong>Cruz del Sur, Oltursa, Movil Tours.</strong> Más caras pero con seguro incluido.</div></div> <div class="ptip ptip-warn"><div class="ptip-h">🔴 Empresas informales</div><div class="ptip-b">Pueden usar camiones reformados sin seguro. <strong>La mayoría de accidentes de bus corresponden a informales.</strong> Evitar siempre.</div></div> </div> <div class="wva-al a-warn" style="margin-top:4px"><span class="al-em">🚦</span><div class="al-txt"><strong>Lima horas pico:</strong> 7:00-9:00 am y 6:30-8:30 pm en Panamericana Norte/Sur, Carretera Central, Vía Expresa y Javier Prado. <strong>Empresas conflictivas: «Oriones», «Nueva América», «Chosicanos».</strong></div></div> <div class="wva-sub" style="margin-top:8px"><span>✈️ 🚂 🛺 Otras opciones</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px;padding-bottom:12px"> <div class="tport tp-bl"><div class="tport-icon">✈️</div><div class="tport-name">Avión interno</div><div class="tport-desc">LATAM, Avianca, LC Perú. Lima→Cusco (CUZ), Lima→Juliaca (JUL), Lima→Arequipa (AQP) diariamente.</div><div class="tport-tags"><span class="tag t-bk">Recomendado</span><span class="tag t-wh">Desde $40</span></div></div> <div class="tport tp-pu"><div class="tport-icon">🚂</div><div class="tport-name">Tren Machu Picchu</div><div class="tport-desc"><strong>PeruRail:</strong> Ollantaytambo→Aguas Calientes. <strong>Reservar con meses de anticipación</strong> en temporada alta.</div><div class="tport-tags"><span class="tag t-pu">Imprescindible</span></div></div> <div class="tport tp-or"><div class="tport-icon">🛺</div><div class="tport-name">Mototaxi</div><div class="tport-desc">Popular en provincias y periferia de Lima para <strong>recorridos cortos y baratos.</strong> Caótico, ruidoso, pintoresco.</div><div class="tport-tags"><span class="tag t-or">Distancias cortas</span></div></div> <div class="tport tp-gn"><div class="tport-icon">🚇</div><div class="tport-name">Metro de Lima</div><div class="tport-desc">Línea 1 operativa. Sistema SIT (corredores complementarios) en avenidas principales.</div><div class="tport-tags"><span class="tag t-gn">Solo Lima</span></div></div> </div> </div> <!-- ════ GASTRONOMÍA ════ --> <div class="wva-sec bg-w"> <div class="wva-sh sh-yw"><span class="ico">🍽️</span><span class="wva-sh-t">Gastronomía práctica</span><span class="wva-sh-c">Lo que sí debes saber</span></div> <div class="wva-body" style="padding-bottom:4px"><p>La gastronomía peruana es <strong>una de las mejores del mundo.</strong> Costa, Sierra y Selva tienen cada una identidad culinaria propia. La influencia china (<em>chifa</em>) es fundamental en la cocina criolla limeña.</p></div> <div class="wva-sub"><span>🎯 Qué pedir</span><div class="wva-sub-line"></div></div> <div class="wva-list"> <div class="wva-li"><div class="wva-li-ico">🐟</div><div><div class="wva-li-name">Cebiche — el plato nacional</div><div class="wva-li-desc">Pescado marinado en limón, ají y cebolla morada. La versión de <strong>trucha en Cusco</strong> es especialmente buena. El auténtico se prepara al momento.</div><div class="wva-li-tags"><span class="tag t-cy">Costa · Sierra</span><span class="tag t-wh">S/15-35</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🥩</div><div><div class="wva-li-name">Lomo saltado — fusión china</div><div class="wva-li-desc">Carne salteada con tomate, cebolla, papas fritas y arroz. Ejemplo perfecto del <em>chifa</em>. Disponible en casi cualquier restaurante.</div><div class="wva-li-tags"><span class="tag t-or">Chifa</span><span class="tag t-wh">S/18-30</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🦙</div><div><div class="wva-li-name">Cuy al horno — experiencia andina</div><div class="wva-li-desc">Conejillo de indias asado, plato prehispánico. Considerado manjar en Cusco y Arequipa. Sabor intenso, similar al conejo.</div><div class="wva-li-tags"><span class="tag t-gn">Andino</span><span class="tag t-wh">S/25-45</span></div></div></div> <div class="wva-li"><div class="wva-li-ico">🔥</div><div><div class="wva-li-name">Pachamanca — técnica ancestral</div><div class="wva-li-desc">Carnes, tubérculos y habas cocidos bajo tierra en horno de piedras calientes. Técnica inca, reservada para celebraciones.</div><div class="wva-li-tags"><span class="tag t-pk">Ancestral</span><span class="tag t-wh">Sierra Central</span></div></div></div> </div> <div class="wva-sub"><span>🍹 Bebidas imprescindibles</span><div class="wva-sub-line"></div></div> <div class="g g-a" style="padding-top:4px"> <div class="ptip ptip-bk"><div class="ptip-h">🍸 Pisco Sour</div><div class="ptip-b"><strong>Bebida nacional.</strong> Pisco, limón, clara de huevo, azúcar y Amargo de Angostura. Probar siempre.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">🌽 Chicha Morada</div><div class="ptip-b">Maíz morado cocido con frutas. <strong>Sin alcohol, muy refrescante.</strong> Una de las más consumidas del país.</div></div> <div class="ptip ptip-money"><div class="ptip-h">🌿 Mate de Coca</div><div class="ptip-b"><strong>Esencial contra el soroche</strong> en sierra y Altiplano. Completamente legal. Vendida en cualquier tienda.</div></div> </div> <div class="wva-al a-money" style="margin-top:4px;margin-bottom:12px"><span class="al-em">⭐</span><div class="al-txt"><strong>Truco del menú del día:</strong> Por <strong>S/10-15 (~$3-4 USD)</strong> obtienes sopa, segundo, refresco y postre. El <strong>Mercado de San Pedro en Cusco</strong> es referente para caldos de desayuno reconstituyentes.</div></div> </div> <!-- ════ SECRETOS (talent cards) ════ --> <div class="wva-sec bg-sc"> <div class="wva-sh sh-pk"><span class="ico">💡</span><span class="wva-sh-t">Secretos y datos locales</span><span class="wva-sh-c">Lo que no te cuentan</span></div> <div class="wva-body" style="padding-bottom:4px"><p>Datos que marcan la diferencia entre una visita de turista y la de un viajero con experiencia. Guárdalos bien.</p></div> <div class="g g-3" style="padding-top:4px"> <div class="tcard hot"> <div class="tcard-cat" style="background:var(--pk);color:#fff;border-color:var(--pk)">⭐ ESENCIAL</div> <div class="tcard-title">Iperú — Tu aliado gratuito</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">ÚTIL</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:100%"></div></div></div> <div class="tsr"><span class="tsl">GRATIS</span><span class="tsg" style="color:var(--bl)">S+</span><div class="tsb"><div class="tsf sf-bl" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>+51 1 574-8000 · 24h · 365 días · GRATIS.</strong> 15 oficinas en todo el país. Resuelven problemas con operadores turísticos. <em>peru.travel/iperu</em></div> <div class="tcard-tags"><span class="tag t-pk">Gratuito</span><span class="tag t-bk">24/7</span><span class="tag t-wh">15 ciudades</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--yw);color:var(--bk)">🗣️ CULTURA</div> <div class="tcard-title">«Gringo» — sin ofensa</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">OFENSA</span><span class="tsg" style="color:var(--gn)">—</span><div class="tsb"><div class="tsf sf-gn" style="--w:5%"></div></div></div> <div class="tsr"><span class="tsl">NORMAL</span><span class="tsg" style="color:var(--pk)">S+</span><div class="tsb"><div class="tsf sf-pk" style="--w:100%"></div></div></div> </div> <div class="tcard-text">Los peruanos llaman «gringo» sin mala intención a <strong>personas de piel clara o cabello rubio.</strong> «¡Hola, gringo!» es un saludo amistoso.</div> <div class="tcard-tags"><span class="tag t-yw">Lima</span><span class="tag t-wh">Todo el país</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--rd);color:#fff">🚫 EVITAR</div> <div class="tcard-title">No digas «senderismo» fuera de contexto</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">RIESGO</span><span class="tsg" style="color:var(--rd)">B-</span><div class="tsb"><div class="tsf sf-rd" style="--w:58%"></div></div></div> </div> <div class="tcard-text">Al hablar de <strong>ciclismo de montaña,</strong> muchos confunden «senderismo» con <strong>Sendero Luminoso</strong> (terrorismo). Usa <em>trekking</em> o <em>ciclismo de montaña.</em></div> <div class="tcard-tags"><span class="tag t-rd">Sensible</span><span class="tag t-wh">Historia</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--or);color:#fff">🔌 TÉCNICO</div> <div class="tcard-title">Electricidad 220V · Enchufes A/B</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">VOLTAJE</span><span class="tsg" style="color:var(--or)">220V</span><div class="tsb"><div class="tsf sf-or" style="--w:100%"></div></div></div> </div> <div class="tcard-text"><strong>220 voltios / 60 Hz.</strong> Enchufes tipo A y B (americanos de dos clavijas planas). Dispositivos europeos necesitan <strong>adaptador de clavija.</strong></div> <div class="tcard-tags"><span class="tag t-or">Llevar adaptador</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--cy);color:var(--bk)">📅 TEMPORADAS</div> <div class="tcard-title">Cuándo ir y cuándo evitar</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">SECA</span><span class="tsg" style="color:var(--gn)">A+</span><div class="tsb"><div class="tsf sf-gn" style="--w:92%"></div></div></div> <div class="tsr"><span class="tsl">LLUVIAS</span><span class="tsg" style="color:var(--or)">B-</span><div class="tsb"><div class="tsf sf-or" style="--w:44%"></div></div></div> </div> <div class="tcard-text"><strong>Mayo–Octubre:</strong> temporada seca en sierra, ideal para trekking. <strong>Junio-Agosto:</strong> alta temporada, <strong>reservar alojamiento meses antes.</strong></div> <div class="tcard-tags"><span class="tag t-cy">Mayo-Oct ideal</span><span class="tag t-wh">Reserva anticipada</span></div> </div> <div class="tcard"> <div class="tcard-cat" style="background:var(--bl);color:#fff">🗣️ IDIOMA</div> <div class="tcard-title">Español costeño: el más claro</div> <div class="tcard-stats"> <div class="tsr"><span class="tsl">CLARIDAD</span><span class="tsg" style="color:var(--gn)">S+</span><div class="tsb"><div class="tsf sf-gn" style="--w:95%"></div></div></div> </div> <div class="tcard-text">El español costeño peruano es <strong>uno de los más claros de América Latina.</strong> Lima es excelente destino para aprender español.</div> <div class="tcard-tags"><span class="tag t-bl">Lima</span><span class="tag t-wh">Cursos disponibles</span></div> </div> </div> </div> <!-- ════ SALUD ════ --> <div class="wva-sec bg-hl"> <div class="wva-sh sh-gn"><span class="ico">⚕️</span><span class="wva-sh-t">Salud</span><span class="wva-sh-c">Información médica práctica</span></div> <div class="wva-sub" style="margin-top:10px"><span>🏔️ Mal de altura (soroche) — lo más importante</span><div class="wva-sub-line"></div></div> <div class="g g-2" style="padding-top:4px"> <div class="ptip ptip-warn"><div class="ptip-h">⚠️ Síntomas del soroche</div><div class="ptip-b">Al llegar a Cusco (3.400m) o Puno (3.800m): <strong>mareo, dolor de cabeza, fatiga, náuseas.</strong> Los primeros 24-48h son críticos. La mayoría se aclimatan en ese tiempo.</div></div> <div class="ptip ptip-ok"><div class="ptip-h">✅ Cómo combatirlo</div><div class="ptip-b"><strong>Descansar el primer día.</strong> Andar lentamente. <strong>Comer ligero.</strong> Beber mucha agua. <strong>Mate de coca</strong> como remedio natural. Evitar el alcohol los primeros días.</div></div> <div class="ptip ptip-tip"><div class="ptip-h">💊 Medicamentos</div><div class="ptip-b">Farmacias <strong>Inkafarma y Mifarma</strong> son las cadenas más confiables. Para soroche: <strong>Sorojchi Pills</strong> o <strong>Coramina Glucosada.</strong> Sin receta.</div></div> <div class="ptip ptip-info"><div class="ptip-h">💉 Vacunas para la selva</div><div class="ptip-b">Si visitas la Amazonia: <strong>vacunación contra la fiebre amarilla recomendada.</strong> Consulta con tu médico al menos 10 días antes de viajar.</div></div> </div> </div> </div> amgntslyqbie5dmlogpr4sdli95c8io 4 16437 253506 253464 2026-05-18T12:01:34Z Jembot 2355 Bot: Actualizando ranking 253506 wikitext text/x-wiki {{/begin|15}} |- | 1 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:95}}]] |- | 2 || [[User:Luxbane|Luxbane]] || [[Special:Contributions/Luxbane|{{formatnum:24}}]] |- | 3 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:21}}]] |- | 4 || [[User:GiaDavi|GiaDavi]] || [[Special:Contributions/GiaDavi|{{formatnum:14}}]] |- | 5 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:12}}]] |- | 6 || [[User:Duar srs|Duar srs]] || [[Special:Contributions/Duar srs|{{formatnum:9}}]] |- | 7 || [[User:Dari75|Dari75]] || [[Special:Contributions/Dari75|{{formatnum:8}}]] |- | 8 || [[User:Ansocal|Ansocal]] || [[Special:Contributions/Ansocal|{{formatnum:6}}]] |- | 9 || [[User:~2026-25119-66|~2026-25119-66]] || [[Special:Contributions/~2026-25119-66|{{formatnum:5}}]] |- | 10 || [[User:Adryviel|Adryviel]] || [[Special:Contributions/Adryviel|{{formatnum:5}}]] |- | 11 || [[User:Y.eduardo|Y.eduardo]] || [[Special:Contributions/Y.eduardo|{{formatnum:5}}]] |- | 12 || [[User:Nolealess|Nolealess]] || [[Special:Contributions/Nolealess|{{formatnum:4}}]] |- | 13 || [[User:ElPabloRN|ElPabloRN]] || [[Special:Contributions/ElPabloRN|{{formatnum:4}}]] |- | 14 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:4}}]] |- | 15 || [[User:Leispi|Leispi]] || [[Special:Contributions/Leispi|{{formatnum:4}}]] {{/end}} kbbbv820p4gd6oxknw32gioa16k6cr3 4 17308 253508 253033 2026-05-18T20:21:44Z MediaWiki message delivery 4390 Sección nueva: /* Noticias técnicas: 2026-21 */ 253508 wikitext text/x-wiki {{atajos|WV:T|WV:Taberna}} {{Mensaje |clase = misc |cabecera = Bienvenid{{U@}} a la Taberna |imagen = Wikivoyage-Logo-v3-icon.svg |ancho de imagen = 50px |texto = La taberna es el espacio de reunión y discusión de la comunidad de Wikiviajes. Cumple las siguientes funciones: * Anunciar [[WV:NAP|nominaciones a permisos]] como [[Wikiviajes:Ingenieros|ingenieros]], [[Wikiviajes:maquinistas|maquinistas]], [[Wikiviajes:Navegantes|navegantes]] o [[Wikiviajes:Revisores|revisores]] ante la comunidad. * Aclarar dudas y resolver problemas relacionados con el funcionamiento del proyecto. * Discutir tareas, propuestas y planes a futuro en torno al desarrollo de Wikiviajes. * Comunicar novedades técnicas y organizativas relevantes para los usuarios. * Proponer y debatir cambios importantes en la interfaz o en las páginas del proyecto.técnicos y ayudar a otros. Firma tus comentarios (<nowiki>~~~~</nowiki>) y deja tus mensajes '''al final'''. Si una sección desaparece, revisa el [[Wikiviajes:Taberna/Archivo|archivo]]. Para asuntos administrativos, usa el [[WV:PM|panel de los maquinistas]]. Preguntas sobre artículos deben ir a su discusión. Problemas con [[mw:|software MediaWiki]], a [[phab:|Phabricator]]. Para cambios en la configuración de Wikiviajes, haz clic [https://es.wikivoyage.org/w/index.php?title=Wikiviajes:Taberna&action=edit&section=new&preload=Plantilla:Bugreq/precarga aquí]. |comentario= <hr> ;Mantén la taberna limpia trasladando las conversaciones antiguas a su lugar correspondiente<nowiki>:</nowiki> * Preguntas sobre destinos → discusión del artículo. * Preguntas simples → discusión del usuario. * Discusiones estancadas → archivar tras un mes.</small> }} [[Categoría:Wikiviajes]] {{Usuario:MABot/config |archive = Wikiviajes:Taberna/Archivo/%(year)d/%(month)02d |algo = old(15d) |counter = 1 |minthreadstoarchive = 1 |archiveheader = {{archivo}} }} <div class="plainlinks" style="margin-top:10px; margin-bottom:10px; text-align:center;"> [https://es.wikivoyage.org/w/index.php?title=Wikiviajes:Taberna&action=edit&section=new {{Botón|Inicia un nuevo hilo|color=blue}}] [[Wikiviajes:Taberna/Archivo|{{Botón|Archivo|color=green}}]] </div> <!-- Las discusiones inician abajo --> __TOC__ __NEWSECTIONLINK__ == Propuesta agregar css a common == Hola. He estado intentando llevar una idea para hacer los artículos de los países más fáciles de leer para los usuarios (user friendly or so). Estuve diseñando un framework para crear trípticos full responsive [[Usuario:Jsmura/Taller]], en esta página tengo algunos modelos y ejemplos de cómo se debería ver. El problema es que usan propiedades css que no están enlistadas dentro del sanitizador de templatestyles, por lo que no se pueden usar dentro de plantillas ([[Plantilla:Triptico]]). Debido a ello estoy proponiendo que se incluyan dentro del common.css, puesto que ahí el parser de templatestyles no trabaja y se pueden usar directamente. A decir verdad, preferiría no pasarlas por common.css, si es que hubiera otra alternativa... Pero, por el momento, eso debería bastar. [[Usuario:Jsmura|Jsmura]] ([[Usuario discusión:Jsmura|discusión]]) 17:07 22 abr 2026 (UTC) :Dado que no hubo objeciones ni comentarios al respecto, la propuesta pasa a ser aprobada. <span style="font-family: 'Verdana', sans-serif; color: #4a4a4a; padding: 3px 8px; border: 1px solid #a2a2a2; border-radius: 4px; background: #f9f9f9;">✈️ '''Bromoxido '''^{([[Usuario Discusión:Bromoxido|💬]])}</span> 00:21 1 may 2026 (UTC) == Request for comment (global AI policy) == <bdi lang="en" dir="ltr" class="mw-content-ltr"> Apologies for writing in English. {{int:Please-translate}} A [[:m:Requests for comment/Artificial intelligence policy|request for comment]] is currently being held to decide on a global AI policy. {{int:Feedback-thanks-title}} [[Usuario:MediaWiki message delivery|MediaWiki message delivery]] ([[Usuario discusión:MediaWiki message delivery|discusión]]) 00:58 26 abr 2026 (UTC) </bdi> <!-- Mensaje enviado por Usuario:Codename Noreste@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Distribution_list/Global_message_delivery&oldid=30424282 --> == Noticias técnicas: 2026-18 == <section begin="technews-2026-W18" /><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/18|Traducciones en varios idiomas]] están disponibles. '''Actualizaciones para editores''' * Se ha implementado un cambio en la forma en que se autoconfirman las cuentas nuevas para mejorar la protección contra el vandalismo. Actualmente, los usuarios que poseen una cuenta desde hace unos días y realizan algunas ediciones pasan automáticamente al grupo [[{{int:grouppage-autoconfirmed/{{CONTENTLANGUAGE}}}}|{{int:group-autoconfirmed}}]]. Esta configuración suele ser aprovechada por vándalos que crean cuentas y solo empiezan a usarlas tras dejar pasar el tiempo requerido. Para mitigar esto, a partir de la próxima semana, la antigüedad de la cuenta para fines de autoconfirmación se contará desde el momento de la primera edición en lugar de la fecha de registro. El valor numérico de la antigüedad necesaria se mantendrá sin cambios. Esta modificación se aplicará únicamente en las wikis que ya requieren al menos una edición como parte de sus requisitos de autoconfirmación. [https://phabricator.wikimedia.org/T418484] * Todos los usuarios de Wikipedia con cuentas nuevas, así como aquellos que tengan activada la opción «Habilitar automáticamente las nuevas funciones beta» en sus preferencias, tendrán acceso a la función beta [[mw:Special:MyLanguage/Readers/Reader Experience/WE3.3.4 Reading lists|listas de lectura]] para guardar artículos y leerlos más tarde. Esto permite organizar los temas de interés en un solo lugar para un acceso más cómodo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:30}} {{PLURAL:30|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se resolvió un problema en el que las imágenes de la caja de infobox tenían un relleno excesivo en Firefox. [https://phabricator.wikimedia.org/T423676] '''Actualizaciones para los colaboradores técnicos''' * Como recordatorio, esta semana comenzarán a aplicarse los límites globales de la API para el tráfico identificado. Esto ayudará a asegurar un [[mw:MediaWiki Product Insights/Responsible Reuse|uso justo de la infraestructura]]. Los bots que se ejecutan en Toolforge/WMCS o aquellos con permisos de bot en cualquier wiki no deberían verse afectados por ahora. Sin embargo, se recomienda a todos los desarrolladores que sigan las mejores prácticas actualizadas. Para más información, incluyendo los límites actuales, consulte [[mw:Wikimedia APIs/Rate limits|Wikimedia APIs/Rate limits]] y las [[mw:Wikimedia APIs/Rate limits/FAQ|Preguntas frecuentes]]. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.46/wmf.26|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/18|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W18" /> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 18:06 27 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:UOzurumba (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30458046 --> == Noticias técnicas: 2026-19 == <section begin="technews-2026-W19"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/19|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * El equipo de [[mw:Special:MyLanguage/Article guidance|guía de artículos]] invita a editores con experiencia de las [[mw:Special:MyLanguage/Article guidance/Pilot wikis and collaborators|wikis piloto]] (árabe, bengalí, japonés, portugués, persa, turco, inglés simple, español y francés) a colaborar en la traducción y adaptación de los [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Category:Pages_using_article_guidance esquemas de ejemplo]. Estas pautas orientarán a los editores para crear artículos claros, bien estructurados y conformes a las políticas al utilizar [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Special:NewArticle la funcionalidad] tras su lanzamiento en mayo de 2026. Ya están disponibles las [[mw:Special:MyLanguage/Article guidance#Adapting a sample outline in a Wikipedia|instrucciones]] para traducir y adaptar dichos esquemas. '''Actualizaciones para editores''' * El [[:m:Special:MyLanguage/Product and Technology Advisory Council|Consejo Asesor de Producto y Tecnología]] (PTAC) ha publicado un [[:m:Special:MyLanguage/Product and Technology Advisory Council/May 2026 draft PTAC recommendation for feedback|borrador con recomendaciones]] sobre el modelo que los afiliados pueden seguir al contribuir en espacios técnicos. Se invita a los miembros de la comunidad a dejar sus comentarios sobre la recomendación hasta el 8 de mayo en [[:m:Talk:Product and Technology Advisory Council/May 2026 draft PTAC recommendation for feedback|la página de discusión]]. * La cantidad de tamaños disponibles para las miniaturas en MediaWiki se reducirá a tres opciones estandarizadas: Pequeña (180px), Regular (250px) y Grande (400px). Este cambio forma parte de los esfuerzos para optimizar y reducir la carga sobre el servicio de miniaturas. Como resultado, las preferencias actuales se vincularán al tamaño estándar más cercano (por ejemplo, las selecciones de 120px o 150px se renderizarán a 180px, mientras que las de 300px o 360px pasarán a 400px). La interfaz de preferencias se actualizará para reflejar estos cambios; los usuarios que deseen excluirse de esta prueba o dejar sus comentarios podrán hacerlo. [https://phabricator.wikimedia.org/T424909] * A partir de ahora, incluso cuando un permiso expire automáticamente, los usuarios recibirán una notificación de Echo similar a la notificación estándar de cambio de permisos. Existe una diferencia entre esto y el [[m:Special:MyLanguage/Global reminder bot|bot global de recordatorio]], el cual avisa una semana ''antes'' de que los permisos expiren, permitiendo así solicitar su renovación a tiempo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:32}} {{PLURAL:32|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se resolvió un error en el selector de idiomas ULS de [[m:Special:Translate|Special:Translate]] que provocaba un desplazamiento vertical innecesario. Anteriormente, al abrir el desplegable «Traducir a inglés» con ciertas entradas, el cuadro de diálogo se desplazaba algunos píxeles incluso si había espacio suficiente para mostrar todos los resultados. Con este ajuste, el desplegable ya no se desplazará de forma errática al filtrar idiomas. [https://phabricator.wikimedia.org/T358864] * La [[m:Special:GlobalWatchlist|Lista de seguimiento global]], que permite visualizar los cambios de varias wikis en una misma página, continúa su proceso de mejora. Por ejemplo, el seguimiento de sitios como [[:d:|Wikidata]] ahora cuenta con soporte para elementos [[mw:Special:MyLanguage/Extension:EntitySchema|EntitySchema]]. El modo de actualizaciones en tiempo real (''Live Updates'') ahora refresca la página especial cada 60 segundos para cumplir con la política actualizada de [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits|límites globales de la API]], mejorando así la capacidad de respuesta. Adicionalmente, se corrigió un error de direccionalidad de lectura que mostraba los enlaces como «cambios 3» en lugar de «3 cambios» en listas con idiomas de distinta orientación. [https://phabricator.wikimedia.org/T415450][https://phabricator.wikimedia.org/T424422][https://phabricator.wikimedia.org/T418091] '''Actualizaciones para los colaboradores técnicos''' * Se ha desplegado la segunda fase de los [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits|límites globales de frecuencia de la API]] con el fin de reducir el [[diffblog:2026/03/26/quo-vadis-crawlers-progress-and-whats-next-on-safeguarding-our-infrastructure/|impacto de los rastreadores de IA]] y asegurar un acceso justo y sostenible a los recursos de Wikimedia, priorizando el tráfico humano y aquel alineado con nuestra misión. Los [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits#Limits|límites]] han pasado de una medición por hora a una por minuto, lo que genera patrones de tráfico más fluidos y una carga de la API más predecible. No se espera que los usuarios de la comunidad se vean afectados y no es necesario realizar ninguna acción. Los primeros indicadores muestran que algunos emisores de solicitudes basados en el ''User-Agent'' están ajustando su comportamiento, y cerca del 64 % del tráfico automatizado de la API ya ha sido identificado. El monitoreo continúa y Wikimedia Enterprise sigue disponible para soporte comercial. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.46/wmf.27|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/19|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W19"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 20:43 4 may 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30498077 --> == Noticias técnicas: 2026-20 == <section begin="technews-2026-W20"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/20|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * Community Tech ha publicado una [[m:Special:MyLanguage/Community Wishlist/How to write a good wish|nueva guía]] que explica cómo se evalúan y priorizan los Deseos de la Comunidad. La documentación tiene como objetivo ayudar a los usuarios a redactar propuestas más precisas al dar claridad sobre los factores que influyen en la selección. Además de los votos, la guía destaca consideraciones como el impacto potencial en la comunidad una vez que los deseos se implementen. '''Actualizaciones para editores''' * El equipo de Crecimiento está lanzando un experimento para probar una nueva [[mw:Special:MyLanguage/Readers/Reader_Growth/Share_Card|función de tarjetas para compartir]] (''Share Cards''). Esta característica permite a los lectores crear tarjetas visualmente atractivas sobre artículos o secciones específicas para compartirlas en línea, incluyendo un enlace al artículo original para fomentar el descubrimiento y la lectura de contenidos. Esta prueba A/B estará disponible para una parte de los lectores en las Wikipedias en árabe, chino, francés, vietnamita e inglés con el fin de comprender mejor los hábitos de difusión. El experimento está programado para iniciar la semana del 18 de mayo y tendrá una duración de cuatro semanas. * Las aplicaciones de Android e iOS han lanzado recientemente en fase beta el [[mw:Special:MyLanguage/Wikimedia_Apps/Team/25th_Birthday_Reading_Challenge|desafío de lectura de 25 días]], como parte de los esfuerzos por fomentar el hábito de lectura animando a los usuarios a completar logros. Para seguir sus rachas durante el desafío, los usuarios de la aplicación pueden añadir un ''widget'' con Bebé Globo en su pantalla de inicio. El desafío comienza el 11 de mayo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:17}} {{PLURAL:17|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se ha resuelto un problema en el que la preferencia global para permitir la resaltación de sintaxis en wikitexto podría desactivarse inesperadamente después de activarse. [https://phabricator.wikimedia.org/T425286] '''Actualizaciones para los colaboradores técnicos''' * [[File:Octicons-tools.svg|12px|link=|alt=|Elemento avanzado]] El módulo de ResourceLoader <bdi lang="zxx" dir="ltr"><code><nowiki>mediawiki.ui.input</nowiki></code></bdi>, deprecado desde [[m:Special:MyLanguage/Tech/News/2023/39|septiembre de 2023]], será eliminado esta semana. Existe una [[mw:Special:MyLanguage/Codex/Migrating_from_MediaWiki_UI|guía para la migración desde MediaWiki UI a Codex]] para cualquier herramienta que lo use. [https://phabricator.wikimedia.org/T420125] * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.47/wmf.2|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/20|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W20"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 19:20 11 may 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30524429 --> == Noticias técnicas: 2026-21 == <section begin="technews-2026-W21"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/21|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * El equipo de Abstract Wikipedia ha identificado cinco posibles wikis piloto para evaluar su interés en adoptar artículos abstractos. Las elegidas son las Wikipedias en malayalam, bengalí, dagbani, árabe e indonesio. El periodo de comentarios estará abierto hasta el 22 de mayo. Si tu comunidad está interesada en convertirse en piloto, [[m:Talk:Abstract Wikipedia|háganoslo saber en Meta]]. '''Actualizaciones para editores''' * Un experimento para mostrar [[mw:Special:MyLanguage/Readers/Reader Experience/Reading lists|listas de lectura]] a los lectores sin sesión iniciada se lanzó el 18 de mayo en las Wikipedias en alemán, español, italiano, portugués, polaco, neerlandés, turco y urdu, y se desarrollará durante un mes. Este esfuerzo busca ayudar a los lectores a guardar y organizar artículos para su lectura posterior, a la vez que fomenta hábitos que podrían motivar futuras contribuciones en Wikipedia. * Para dar soporte al botón de marcadores en la función beta de listas de lectura, se ha actualizado el menú «Herramientas > Acciones» para mostrar iconos, incluyendo la estrella de seguimiento que ayuda a los editores a identificar los artículos temporalmente en la lista de seguimiento. Además, estos iconos ahora coinciden con los utilizados en la versión móvil, mejorando la consistencia entre plataformas. Actualmente, este cambio se limita al menú de acciones y afecta principalmente a los editores con permisos de usuario avanzados. [https://phabricator.wikimedia.org/T426008] * El [[mw:Special:MyLanguage/VisualEditor/Suggestion Mode|Modo de sugerencias]] se ha lanzado en fase de [[w:en:A/B test|prueba A/B]] para editores principiantes en la versión web móvil de [[phab:T421189|unas 15 Wikipedias]]. El experimento medirá el impacto de este modo en la proporción de ediciones web de usuarios nuevos que resulten en aportes constructivos (no revertidos). Asimismo, se evaluará el impacto de la herramienta en la retención de usuarios y se monitorearán los cambios en las tasas de reversión y de bloqueo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:27}} {{PLURAL:27|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se ha solucionado un error en la aplicación de Wikipedia para Android que provocaba que las imágenes a veces no se cargaran después de abrir una notificación de lista de lectura recomendada. [https://phabricator.wikimedia.org/T418231] '''Actualizaciones para los colaboradores técnicos''' * El [[mw:Special:MyLanguage/Wikidata Platform|equipo de la Plataforma de Wikidata]] ha publicado su [[d:Special:MyLanguage/Wikidata:SPARQL query service/WDQS backend update/Backend Replacement|recomendación para el reemplazo del ''backend'']] y la [[wikitech:Wikidata Query Service/WDQS Architecture re-design|arquitectura técnica]] complementaria para la migración del Wikidata Query Service (WDQS) fuera de Blazegraph. Se invita a dejar comentarios hasta el 25 de mayo de 2026, especialmente sobre posibles vacíos e impactos en casos de uso avanzados. Asimismo, se anima a los miembros de la comunidad de Wikidata y a los usuarios del WDQS a ayudar a identificar herramientas y flujos de trabajo de alto impacto que puedan requerir atención en [[d:Wikidata:SPARQL query service/WDQS backend update/High-Impact Use Cases|esta página]]. Los comentarios se pueden compartir en la [[d:Wikidata talk:SPARQL query service/WDQS backend update|página de discusión de la migración]] o durante la [[d:Special:MyLanguage/Wikidata:Blazegraph Migration Office Hours|próxima hora de consultas]]. Consulte el [[d:Special:MyLanguage/Wikidata:Wikidata Platform team/Newsletter|boletín del equipo]] para obtener más detalles. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.47/wmf.3|MediaWiki]] '''A fondo''' * En las Wikipedias en inglés, francés, japonés y otras más, se realizó una [[diffblog:2025/09/02/better-detecting-bots-and-replacing-our-captcha/|prueba de hCaptcha]], un servicio de terceros para la detección de bots. La prueba demostró que hCaptcha detectó y disuadió de manera efectiva las actividades automatizadas de mala fe, entregando a los [[w:en:Wikipedia:Village pump (technical)/Archive 225#Introducing SuggestedInvestigations|checkusers y stewards]] información valiosa para su revisión. Debido a estos resultados positivos, hCaptcha se implementará en todas las wikis en las próximas semanas. [[mw:Special:MyLanguage/Product Safety and Integrity/Anti-abuse signals/hCaptcha|Consulte la página del proyecto hCaptcha]] para obtener información técnica sobre la implementación y las garantías de privacidad. [[diffblog:2026/05/04/better-detecting-bots-and-replacing-our-captcha-part-2/|Leer más]] * Ya está disponible la última actualización de Tecnología Comunitaria, que detalla el progreso en varias iniciativas de la Lista de deseos de la comunidad. Esto incluye la expansión de las listas de lectura desde la aplicación móvil hacia el sitio web, nuevo soporte de idiomas para «¿Quién escribió eso?» y el panel de control personal, mejoras en los gráficos y el renderizado 3D, así como el trabajo futuro en la ordenación de páginas de discusión, reproducción de audio y flujos de trabajo de edición. La actualización también comparte las prioridades actuales, las tendencias del estado de los deseos y oportunidades para dejar comentarios sobre las futuras áreas de interés y el Plan Anual 2026-2027 de la Fundación Wikimedia. [[m:Special:MyLanguage/Community Wishlist/Updates#May 13, 2026: Latest updates from the Community Tech team|Lea el boletín completo para más detalles]]. ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/21|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W21"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 20:21 18 may 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30539262 --> 8kc098tzxi5kgaefamf6ay76qwv2l2f 253528 253508 2026-05-18T23:20:29Z MABot 2002 Bot: archivo de 1 hilo (con una antigüedad de 15 días) en [[Wikiviajes:Taberna/Archivo/2026/04]] 253528 wikitext text/x-wiki {{atajos|WV:T|WV:Taberna}} {{Mensaje |clase = misc |cabecera = Bienvenid{{U@}} a la Taberna |imagen = Wikivoyage-Logo-v3-icon.svg |ancho de imagen = 50px |texto = La taberna es el espacio de reunión y discusión de la comunidad de Wikiviajes. Cumple las siguientes funciones: * Anunciar [[WV:NAP|nominaciones a permisos]] como [[Wikiviajes:Ingenieros|ingenieros]], [[Wikiviajes:maquinistas|maquinistas]], [[Wikiviajes:Navegantes|navegantes]] o [[Wikiviajes:Revisores|revisores]] ante la comunidad. * Aclarar dudas y resolver problemas relacionados con el funcionamiento del proyecto. * Discutir tareas, propuestas y planes a futuro en torno al desarrollo de Wikiviajes. * Comunicar novedades técnicas y organizativas relevantes para los usuarios. * Proponer y debatir cambios importantes en la interfaz o en las páginas del proyecto.técnicos y ayudar a otros. Firma tus comentarios (<nowiki>~~~~</nowiki>) y deja tus mensajes '''al final'''. Si una sección desaparece, revisa el [[Wikiviajes:Taberna/Archivo|archivo]]. Para asuntos administrativos, usa el [[WV:PM|panel de los maquinistas]]. Preguntas sobre artículos deben ir a su discusión. Problemas con [[mw:|software MediaWiki]], a [[phab:|Phabricator]]. Para cambios en la configuración de Wikiviajes, haz clic [https://es.wikivoyage.org/w/index.php?title=Wikiviajes:Taberna&action=edit&section=new&preload=Plantilla:Bugreq/precarga aquí]. |comentario= <hr> ;Mantén la taberna limpia trasladando las conversaciones antiguas a su lugar correspondiente<nowiki>:</nowiki> * Preguntas sobre destinos → discusión del artículo. * Preguntas simples → discusión del usuario. * Discusiones estancadas → archivar tras un mes.</small> }} [[Categoría:Wikiviajes]] {{Usuario:MABot/config |archive = Wikiviajes:Taberna/Archivo/%(year)d/%(month)02d |algo = old(15d) |counter = 1 |minthreadstoarchive = 1 |archiveheader = {{archivo}} }} <div class="plainlinks" style="margin-top:10px; margin-bottom:10px; text-align:center;"> [https://es.wikivoyage.org/w/index.php?title=Wikiviajes:Taberna&action=edit&section=new {{Botón|Inicia un nuevo hilo|color=blue}}] [[Wikiviajes:Taberna/Archivo|{{Botón|Archivo|color=green}}]] </div> <!-- Las discusiones inician abajo --> __TOC__ __NEWSECTIONLINK__ == Propuesta agregar css a common == Hola. He estado intentando llevar una idea para hacer los artículos de los países más fáciles de leer para los usuarios (user friendly or so). Estuve diseñando un framework para crear trípticos full responsive [[Usuario:Jsmura/Taller]], en esta página tengo algunos modelos y ejemplos de cómo se debería ver. El problema es que usan propiedades css que no están enlistadas dentro del sanitizador de templatestyles, por lo que no se pueden usar dentro de plantillas ([[Plantilla:Triptico]]). Debido a ello estoy proponiendo que se incluyan dentro del common.css, puesto que ahí el parser de templatestyles no trabaja y se pueden usar directamente. A decir verdad, preferiría no pasarlas por common.css, si es que hubiera otra alternativa... Pero, por el momento, eso debería bastar. [[Usuario:Jsmura|Jsmura]] ([[Usuario discusión:Jsmura|discusión]]) 17:07 22 abr 2026 (UTC) :Dado que no hubo objeciones ni comentarios al respecto, la propuesta pasa a ser aprobada. <span style="font-family: 'Verdana', sans-serif; color: #4a4a4a; padding: 3px 8px; border: 1px solid #a2a2a2; border-radius: 4px; background: #f9f9f9;">✈️ '''Bromoxido '''^{([[Usuario Discusión:Bromoxido|💬]])}</span> 00:21 1 may 2026 (UTC) == Noticias técnicas: 2026-18 == <section begin="technews-2026-W18" /><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/18|Traducciones en varios idiomas]] están disponibles. '''Actualizaciones para editores''' * Se ha implementado un cambio en la forma en que se autoconfirman las cuentas nuevas para mejorar la protección contra el vandalismo. Actualmente, los usuarios que poseen una cuenta desde hace unos días y realizan algunas ediciones pasan automáticamente al grupo [[{{int:grouppage-autoconfirmed/{{CONTENTLANGUAGE}}}}|{{int:group-autoconfirmed}}]]. Esta configuración suele ser aprovechada por vándalos que crean cuentas y solo empiezan a usarlas tras dejar pasar el tiempo requerido. Para mitigar esto, a partir de la próxima semana, la antigüedad de la cuenta para fines de autoconfirmación se contará desde el momento de la primera edición en lugar de la fecha de registro. El valor numérico de la antigüedad necesaria se mantendrá sin cambios. Esta modificación se aplicará únicamente en las wikis que ya requieren al menos una edición como parte de sus requisitos de autoconfirmación. [https://phabricator.wikimedia.org/T418484] * Todos los usuarios de Wikipedia con cuentas nuevas, así como aquellos que tengan activada la opción «Habilitar automáticamente las nuevas funciones beta» en sus preferencias, tendrán acceso a la función beta [[mw:Special:MyLanguage/Readers/Reader Experience/WE3.3.4 Reading lists|listas de lectura]] para guardar artículos y leerlos más tarde. Esto permite organizar los temas de interés en un solo lugar para un acceso más cómodo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:30}} {{PLURAL:30|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se resolvió un problema en el que las imágenes de la caja de infobox tenían un relleno excesivo en Firefox. [https://phabricator.wikimedia.org/T423676] '''Actualizaciones para los colaboradores técnicos''' * Como recordatorio, esta semana comenzarán a aplicarse los límites globales de la API para el tráfico identificado. Esto ayudará a asegurar un [[mw:MediaWiki Product Insights/Responsible Reuse|uso justo de la infraestructura]]. Los bots que se ejecutan en Toolforge/WMCS o aquellos con permisos de bot en cualquier wiki no deberían verse afectados por ahora. Sin embargo, se recomienda a todos los desarrolladores que sigan las mejores prácticas actualizadas. Para más información, incluyendo los límites actuales, consulte [[mw:Wikimedia APIs/Rate limits|Wikimedia APIs/Rate limits]] y las [[mw:Wikimedia APIs/Rate limits/FAQ|Preguntas frecuentes]]. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.46/wmf.26|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/18|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W18" /> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 18:06 27 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:UOzurumba (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30458046 --> == Noticias técnicas: 2026-19 == <section begin="technews-2026-W19"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/19|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * El equipo de [[mw:Special:MyLanguage/Article guidance|guía de artículos]] invita a editores con experiencia de las [[mw:Special:MyLanguage/Article guidance/Pilot wikis and collaborators|wikis piloto]] (árabe, bengalí, japonés, portugués, persa, turco, inglés simple, español y francés) a colaborar en la traducción y adaptación de los [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Category:Pages_using_article_guidance esquemas de ejemplo]. Estas pautas orientarán a los editores para crear artículos claros, bien estructurados y conformes a las políticas al utilizar [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Special:NewArticle la funcionalidad] tras su lanzamiento en mayo de 2026. Ya están disponibles las [[mw:Special:MyLanguage/Article guidance#Adapting a sample outline in a Wikipedia|instrucciones]] para traducir y adaptar dichos esquemas. '''Actualizaciones para editores''' * El [[:m:Special:MyLanguage/Product and Technology Advisory Council|Consejo Asesor de Producto y Tecnología]] (PTAC) ha publicado un [[:m:Special:MyLanguage/Product and Technology Advisory Council/May 2026 draft PTAC recommendation for feedback|borrador con recomendaciones]] sobre el modelo que los afiliados pueden seguir al contribuir en espacios técnicos. Se invita a los miembros de la comunidad a dejar sus comentarios sobre la recomendación hasta el 8 de mayo en [[:m:Talk:Product and Technology Advisory Council/May 2026 draft PTAC recommendation for feedback|la página de discusión]]. * La cantidad de tamaños disponibles para las miniaturas en MediaWiki se reducirá a tres opciones estandarizadas: Pequeña (180px), Regular (250px) y Grande (400px). Este cambio forma parte de los esfuerzos para optimizar y reducir la carga sobre el servicio de miniaturas. Como resultado, las preferencias actuales se vincularán al tamaño estándar más cercano (por ejemplo, las selecciones de 120px o 150px se renderizarán a 180px, mientras que las de 300px o 360px pasarán a 400px). La interfaz de preferencias se actualizará para reflejar estos cambios; los usuarios que deseen excluirse de esta prueba o dejar sus comentarios podrán hacerlo. [https://phabricator.wikimedia.org/T424909] * A partir de ahora, incluso cuando un permiso expire automáticamente, los usuarios recibirán una notificación de Echo similar a la notificación estándar de cambio de permisos. Existe una diferencia entre esto y el [[m:Special:MyLanguage/Global reminder bot|bot global de recordatorio]], el cual avisa una semana ''antes'' de que los permisos expiren, permitiendo así solicitar su renovación a tiempo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:32}} {{PLURAL:32|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se resolvió un error en el selector de idiomas ULS de [[m:Special:Translate|Special:Translate]] que provocaba un desplazamiento vertical innecesario. Anteriormente, al abrir el desplegable «Traducir a inglés» con ciertas entradas, el cuadro de diálogo se desplazaba algunos píxeles incluso si había espacio suficiente para mostrar todos los resultados. Con este ajuste, el desplegable ya no se desplazará de forma errática al filtrar idiomas. [https://phabricator.wikimedia.org/T358864] * La [[m:Special:GlobalWatchlist|Lista de seguimiento global]], que permite visualizar los cambios de varias wikis en una misma página, continúa su proceso de mejora. Por ejemplo, el seguimiento de sitios como [[:d:|Wikidata]] ahora cuenta con soporte para elementos [[mw:Special:MyLanguage/Extension:EntitySchema|EntitySchema]]. El modo de actualizaciones en tiempo real (''Live Updates'') ahora refresca la página especial cada 60 segundos para cumplir con la política actualizada de [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits|límites globales de la API]], mejorando así la capacidad de respuesta. Adicionalmente, se corrigió un error de direccionalidad de lectura que mostraba los enlaces como «cambios 3» en lugar de «3 cambios» en listas con idiomas de distinta orientación. [https://phabricator.wikimedia.org/T415450][https://phabricator.wikimedia.org/T424422][https://phabricator.wikimedia.org/T418091] '''Actualizaciones para los colaboradores técnicos''' * Se ha desplegado la segunda fase de los [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits|límites globales de frecuencia de la API]] con el fin de reducir el [[diffblog:2026/03/26/quo-vadis-crawlers-progress-and-whats-next-on-safeguarding-our-infrastructure/|impacto de los rastreadores de IA]] y asegurar un acceso justo y sostenible a los recursos de Wikimedia, priorizando el tráfico humano y aquel alineado con nuestra misión. Los [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits#Limits|límites]] han pasado de una medición por hora a una por minuto, lo que genera patrones de tráfico más fluidos y una carga de la API más predecible. No se espera que los usuarios de la comunidad se vean afectados y no es necesario realizar ninguna acción. Los primeros indicadores muestran que algunos emisores de solicitudes basados en el ''User-Agent'' están ajustando su comportamiento, y cerca del 64 % del tráfico automatizado de la API ya ha sido identificado. El monitoreo continúa y Wikimedia Enterprise sigue disponible para soporte comercial. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.46/wmf.27|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/19|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W19"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 20:43 4 may 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30498077 --> == Noticias técnicas: 2026-20 == <section begin="technews-2026-W20"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/20|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * Community Tech ha publicado una [[m:Special:MyLanguage/Community Wishlist/How to write a good wish|nueva guía]] que explica cómo se evalúan y priorizan los Deseos de la Comunidad. La documentación tiene como objetivo ayudar a los usuarios a redactar propuestas más precisas al dar claridad sobre los factores que influyen en la selección. Además de los votos, la guía destaca consideraciones como el impacto potencial en la comunidad una vez que los deseos se implementen. '''Actualizaciones para editores''' * El equipo de Crecimiento está lanzando un experimento para probar una nueva [[mw:Special:MyLanguage/Readers/Reader_Growth/Share_Card|función de tarjetas para compartir]] (''Share Cards''). Esta característica permite a los lectores crear tarjetas visualmente atractivas sobre artículos o secciones específicas para compartirlas en línea, incluyendo un enlace al artículo original para fomentar el descubrimiento y la lectura de contenidos. Esta prueba A/B estará disponible para una parte de los lectores en las Wikipedias en árabe, chino, francés, vietnamita e inglés con el fin de comprender mejor los hábitos de difusión. El experimento está programado para iniciar la semana del 18 de mayo y tendrá una duración de cuatro semanas. * Las aplicaciones de Android e iOS han lanzado recientemente en fase beta el [[mw:Special:MyLanguage/Wikimedia_Apps/Team/25th_Birthday_Reading_Challenge|desafío de lectura de 25 días]], como parte de los esfuerzos por fomentar el hábito de lectura animando a los usuarios a completar logros. Para seguir sus rachas durante el desafío, los usuarios de la aplicación pueden añadir un ''widget'' con Bebé Globo en su pantalla de inicio. El desafío comienza el 11 de mayo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:17}} {{PLURAL:17|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se ha resuelto un problema en el que la preferencia global para permitir la resaltación de sintaxis en wikitexto podría desactivarse inesperadamente después de activarse. [https://phabricator.wikimedia.org/T425286] '''Actualizaciones para los colaboradores técnicos''' * [[File:Octicons-tools.svg|12px|link=|alt=|Elemento avanzado]] El módulo de ResourceLoader <bdi lang="zxx" dir="ltr"><code><nowiki>mediawiki.ui.input</nowiki></code></bdi>, deprecado desde [[m:Special:MyLanguage/Tech/News/2023/39|septiembre de 2023]], será eliminado esta semana. Existe una [[mw:Special:MyLanguage/Codex/Migrating_from_MediaWiki_UI|guía para la migración desde MediaWiki UI a Codex]] para cualquier herramienta que lo use. [https://phabricator.wikimedia.org/T420125] * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.47/wmf.2|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/20|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W20"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 19:20 11 may 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30524429 --> == Noticias técnicas: 2026-21 == <section begin="technews-2026-W21"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/21|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * El equipo de Abstract Wikipedia ha identificado cinco posibles wikis piloto para evaluar su interés en adoptar artículos abstractos. Las elegidas son las Wikipedias en malayalam, bengalí, dagbani, árabe e indonesio. El periodo de comentarios estará abierto hasta el 22 de mayo. Si tu comunidad está interesada en convertirse en piloto, [[m:Talk:Abstract Wikipedia|háganoslo saber en Meta]]. '''Actualizaciones para editores''' * Un experimento para mostrar [[mw:Special:MyLanguage/Readers/Reader Experience/Reading lists|listas de lectura]] a los lectores sin sesión iniciada se lanzó el 18 de mayo en las Wikipedias en alemán, español, italiano, portugués, polaco, neerlandés, turco y urdu, y se desarrollará durante un mes. Este esfuerzo busca ayudar a los lectores a guardar y organizar artículos para su lectura posterior, a la vez que fomenta hábitos que podrían motivar futuras contribuciones en Wikipedia. * Para dar soporte al botón de marcadores en la función beta de listas de lectura, se ha actualizado el menú «Herramientas > Acciones» para mostrar iconos, incluyendo la estrella de seguimiento que ayuda a los editores a identificar los artículos temporalmente en la lista de seguimiento. Además, estos iconos ahora coinciden con los utilizados en la versión móvil, mejorando la consistencia entre plataformas. Actualmente, este cambio se limita al menú de acciones y afecta principalmente a los editores con permisos de usuario avanzados. [https://phabricator.wikimedia.org/T426008] * El [[mw:Special:MyLanguage/VisualEditor/Suggestion Mode|Modo de sugerencias]] se ha lanzado en fase de [[w:en:A/B test|prueba A/B]] para editores principiantes en la versión web móvil de [[phab:T421189|unas 15 Wikipedias]]. El experimento medirá el impacto de este modo en la proporción de ediciones web de usuarios nuevos que resulten en aportes constructivos (no revertidos). Asimismo, se evaluará el impacto de la herramienta en la retención de usuarios y se monitorearán los cambios en las tasas de reversión y de bloqueo. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:27}} {{PLURAL:27|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se ha solucionado un error en la aplicación de Wikipedia para Android que provocaba que las imágenes a veces no se cargaran después de abrir una notificación de lista de lectura recomendada. [https://phabricator.wikimedia.org/T418231] '''Actualizaciones para los colaboradores técnicos''' * El [[mw:Special:MyLanguage/Wikidata Platform|equipo de la Plataforma de Wikidata]] ha publicado su [[d:Special:MyLanguage/Wikidata:SPARQL query service/WDQS backend update/Backend Replacement|recomendación para el reemplazo del ''backend'']] y la [[wikitech:Wikidata Query Service/WDQS Architecture re-design|arquitectura técnica]] complementaria para la migración del Wikidata Query Service (WDQS) fuera de Blazegraph. Se invita a dejar comentarios hasta el 25 de mayo de 2026, especialmente sobre posibles vacíos e impactos en casos de uso avanzados. Asimismo, se anima a los miembros de la comunidad de Wikidata y a los usuarios del WDQS a ayudar a identificar herramientas y flujos de trabajo de alto impacto que puedan requerir atención en [[d:Wikidata:SPARQL query service/WDQS backend update/High-Impact Use Cases|esta página]]. Los comentarios se pueden compartir en la [[d:Wikidata talk:SPARQL query service/WDQS backend update|página de discusión de la migración]] o durante la [[d:Special:MyLanguage/Wikidata:Blazegraph Migration Office Hours|próxima hora de consultas]]. Consulte el [[d:Special:MyLanguage/Wikidata:Wikidata Platform team/Newsletter|boletín del equipo]] para obtener más detalles. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.47/wmf.3|MediaWiki]] '''A fondo''' * En las Wikipedias en inglés, francés, japonés y otras más, se realizó una [[diffblog:2025/09/02/better-detecting-bots-and-replacing-our-captcha/|prueba de hCaptcha]], un servicio de terceros para la detección de bots. La prueba demostró que hCaptcha detectó y disuadió de manera efectiva las actividades automatizadas de mala fe, entregando a los [[w:en:Wikipedia:Village pump (technical)/Archive 225#Introducing SuggestedInvestigations|checkusers y stewards]] información valiosa para su revisión. Debido a estos resultados positivos, hCaptcha se implementará en todas las wikis en las próximas semanas. [[mw:Special:MyLanguage/Product Safety and Integrity/Anti-abuse signals/hCaptcha|Consulte la página del proyecto hCaptcha]] para obtener información técnica sobre la implementación y las garantías de privacidad. [[diffblog:2026/05/04/better-detecting-bots-and-replacing-our-captcha-part-2/|Leer más]] * Ya está disponible la última actualización de Tecnología Comunitaria, que detalla el progreso en varias iniciativas de la Lista de deseos de la comunidad. Esto incluye la expansión de las listas de lectura desde la aplicación móvil hacia el sitio web, nuevo soporte de idiomas para «¿Quién escribió eso?» y el panel de control personal, mejoras en los gráficos y el renderizado 3D, así como el trabajo futuro en la ordenación de páginas de discusión, reproducción de audio y flujos de trabajo de edición. La actualización también comparte las prioridades actuales, las tendencias del estado de los deseos y oportunidades para dejar comentarios sobre las futuras áreas de interés y el Plan Anual 2026-2027 de la Fundación Wikimedia. [[m:Special:MyLanguage/Community Wishlist/Updates#May 13, 2026: Latest updates from the Community Tech team|Lea el boletín completo para más detalles]]. ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/21|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W21"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 20:21 18 may 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30539262 --> dbmk9e78e20t7f6n2g0wk337ifwe792 4 18344 253527 253032 2026-05-18T23:20:19Z MABot 2002 Bot: archivo de 1 hilo procedente de [[Wikiviajes:Taberna]] 253527 wikitext text/x-wiki {{archivo}} == Action Required: Update templates/modules for electoral maps (Migrating from P1846 to P14226) == Hello everyone, This is a notice regarding an ongoing data migration on Wikidata that may affect your election-related templates and Lua modules (such as <code>Module:Itemgroup/list</code>). '''The Change:'''<br /> Currently, many templates pull electoral maps from Wikidata using the property [[:d:Property:P1846|P1846]], combined with the qualifier [[:d:Property:P180|P180]]: [[:d:Q19571328|Q19571328]]. We are migrating this data (across roughly 4,000 items) to a newly created, dedicated property: '''[[:d:Property:P14226|P14226]]'''. '''What You Need To Do:'''<br /> To ensure your templates and infoboxes do not break or lose their maps, please update your local code to fetch data from [[:d:Property:P14226|P14226]] instead of the old [[:d:Property:P1846|P1846]] + [[:d:Property:P180|P180]] structure. A [[m:Wikidata/Property Migration: P1846 to P14226/List|list of pages]] was generated using Wikimedia Global Search. '''Deadline:'''<br /> We are temporarily retaining the old data on [[:d:Property:P1846|P1846]] to allow for a smooth transition. However, to complete the data cleanup on Wikidata, the old [[:d:Property:P1846|P1846]] statements will be removed after '''May 1, 2026'''. Please update your modules and templates before this date to prevent any disruption to your wiki's election articles. Let us know if you have any questions or need assistance with the query logic. Thank you for your help! [[User:ZI Jony|ZI Jony]] using [[Usuario:MediaWiki message delivery|MediaWiki message delivery]] ([[Usuario discusión:MediaWiki message delivery|discusión]]) 17:11 3 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:ZI Jony@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Distribution_list/Non-Technical_Village_Pumps_distribution_list&oldid=29941252 --> == Rediseño de portada == Durante los siguientes días estaré trabajando en el rediseño de la portada basándome en lo que están realizando en [[:en:|Wikiviajes en inglés]] y tomando algunas cosas de la portada de [[:f:|Wikifunciones]]. Supongo que posteriormente requerirá votación, así que también me encargaré de presentarlo. Estaré trabajando en [[User:Lord Ravager/portada|mi taller]] por si alguien quiere ayudar. Saludos, [[Usuario:Lord Ravager|Lord Ravager]] ([[Usuario discusión:Lord Ravager|discusión]]) 21:23 31 mar 2026 (UTC) :He terminado el rediseño, siéntanse libres de hacer modificaciones. Saludos, [[Usuario:Lord Ravager|Lord Ravager]] ([[Usuario discusión:Lord Ravager|discusión]]) 23:38 31 mar 2026 (UTC) ::He completado y colocado las guías del mes de abril. @[[Usuario:Bromoxido|Bromoxido]], ¿puedes encargarte de traspasar la portada? Creo que ya esta lista para andar. Saludos, [[Usuario:Lord Ravager|Lord Ravager]] ([[Usuario discusión:Lord Ravager|discusión]]) 05:38 4 abr 2026 (UTC) :::{{Hecho}} — Migración de la nueva portada completada. Agradecido por el gran aporte hecho a la comunidad :D <span style="font-family: 'Verdana', sans-serif; color: #4a4a4a; padding: 3px 8px; border: 1px solid #a2a2a2; border-radius: 4px; background: #f9f9f9;">✈️ '''Bromoxido '''^{([[Usuario Discusión:Bromoxido|💬]])}</span> 19:34 4 abr 2026 (UTC) ::::¿Checaron que la Portada estuviera adaptada a diferentes navegadores, tamaño de pantallas, celulares, etc.? Yo lo veo mal diseñado. Queda mejor visualizada la versión de Wikipedia en español. Todavía le falta pulir más. [[Especial:Contribuciones/&#126;2026-21274-15|&#126;2026-21274-15]] ([[Usuario discusión:&#126;2026-21274-15|discusión]]) 01:56 6 abr 2026 (UTC) :::::Tras haber probado en Microsoft Edge, Mozilla Firefox y Google Chrome para Android el único detalle irregular podría ser en la versión escritorio para móviles, de resto se ve bien. No digo que sea perfecta y tiene amplio margen de mejora. El [[Plantilla:Portada/pruebas|espacio de pruebas para la portada]] sigue activo para que [[WV:SV|seas valiente]] si tienes alguna solución o mejora, lejos de criticar y comparar con otros proyectos. Saludos, [[Usuario:Lord Ravager|Lord Ravager]] ([[Usuario discusión:Lord Ravager|discusión]]) 04:13 6 abr 2026 (UTC) == [[Wikiviajes:Guía del mes]] == Estuve terminando el sistema de guías del mes que es una réplica del viejo sistema de selección de artículos en la portada. Me parece que es menos caótico que el que se trataba de establecer. En estos días estaré apuntando los enlaces de forma correcta y seleccionar las 36 guías que irán en portada este año. Saludos, [[Usuario:Lord Ravager|Lord Ravager]] ([[Usuario discusión:Lord Ravager|discusión]]) 05:28 6 abr 2026 (UTC) == Noticias técnicas: 2026-15 == <section begin="technews-2026-W15"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/15|Traducciones en varios idiomas]] están disponibles. '''Actualizaciones para editores''' * La [[mw:Special:MyLanguage/Help:Extension:CampaignEvents|extensión CampaignEvents]] incluye ahora una nueva función para establecer objetivos grupales, lo que permite a los organizadores definir y realizar un seguimiento de metas en tiempo real, como el número de artículos creados o la cantidad de colaboradores participantes. Del mismo modo, los participantes pueden trabajar para alcanzar objetivos compartidos y ver su impacto colectivo a medida que se desarrolla el evento. Esta función ya está disponible en todas las wikis de Wikimedia. Más información en [[mw:Special:MyLanguage/Help:Extension:CampaignEvents/Registration/Collaborative contributions#Goal setting|la documentación]]. * [[File:Maki-gift-15.svg|12px|link=|class=skin-invert|Elemento de la Lista de Deseos de la Comunidad]] La nueva función de [[mw:Special:MyLanguage/Help:Watchlist labels|etiquetas de la lista de seguimiento]] (anunciada en las [[m:Special:MyLanguage/Tech/News/2026/07|Noticias técnicas 2026-07]]) ya está disponible a través del Editor Visual, el editor de código fuente y la «estrella de seguimiento» (o el enlace de seguimiento, en las apariencias que no tienen icono de estrella). Anteriormente, solo era posible asignar etiquetas mediante [[Special:EditWatchlist|Special:EditWatchlist]]. En los tres lugares se ha añadido un nuevo campo a continuación del campo de caducidad. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:23}} {{PLURAL:23|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se solucionó el problema en el que las páginas de discusión con Parsoid se volvían inutilizables después de secciones con encabezados vacíos. [https://phabricator.wikimedia.org/T419171] '''Actualizaciones para los colaboradores técnicos''' * La [[m:Special:MyLanguage/WMDE Technical Wishes/Sub-referencing|función de subreferencia]], que permite a los editores añadir detalles a una referencia existente sin tener que duplicarla, se habilitará gradualmente en [[phab:T414094|más wikis]] a lo largo de este año. Se recomienda a las wikis que utilicen el accesorio [[mw:Special:MyLanguage/Reference Tooltips|Reference Tooltips]] que actualicen su versión (normalmente en [[m:MediaWiki:Gadget-ReferenceTooltips.js|MediaWiki:Gadget-ReferenceTooltips.js]], como se muestra [https://en.wikipedia.org/w/index.php?diff=1344408362 aquí]) para garantizar la compatibilidad. Otros accesorios relacionados con las referencias también podrían verse afectados. [https://phabricator.wikimedia.org/T416304] * Todas las ediciones de Wikinoticias serán cerradas y puestas en modo solo lectura a partir del 4 de mayo de 2026. El contenido se mantendrá accesible, pero no se podrán añadir nuevas ediciones o artículos. El cierre fue aprobado por la Junta Directiva de la Fundación Wikimedia después de extensas discusiones. [[m:Wikimedia Foundation Board noticeboard#Board of Trustees Approves Closure of Wikinews|Lee más]]. * La [[:mw:Special:MyLanguage/API:Action API|Action API]] ha contado con diversos formatos para las respuestas de salida. Uno de ellos, <bdi lang="zxx" dir="ltr"><code><nowiki>format=php</nowiki></code></bdi>, se eliminará próximamente. Por favor, asegúrese de que sus scripts o bots utilicen el [[mw:Special:MyLanguage/API:Data formats#Output|formato JSON]]. Se espera que esta eliminación afecte a muy pocos scripts y bots. [https://phabricator.wikimedia.org/T118538] * La página [[Special:NamespaceInfo|Special:NamespaceInfo]] ahora incluye los alias de los espacios de nombres. Por ejemplo "WP" para el espacio de nombre "Proyecto" ("Wikipedia") en la Wikipedia en alemán. [https://phabricator.wikimedia.org/T381455] * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.46/wmf.23|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/15|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W15"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 16:19 6 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30362761 --> == Noticias técnicas: 2026-16 == <section begin="technews-2026-W16"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/16|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * Se invita a los editores con experiencia a [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Main_Page probar] la función de [[mw:Special:MyLanguage/Article guidance|guía de artículos]], diseñada para ayudar a los usuarios novatos a crear artículos bien estructurados que cumplan con las políticas de Wikipedia. Las instrucciones para la prueba están [[mw:Special:MyLanguage/Article guidance/Test feature guide|disponibles]]. Además, tras revisar [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Category:Pages_using_article_guidance los esquemas], por favor deje sus comentarios en la [[mw:Talk:Article guidance|página de discusión del proyecto]]. En función de sus aportaciones, la función se perfeccionará y se trasladará a las Wikipedias piloto para su traducción y adaptación. Puede ver el [[c:File:Article Guidance workflow demo - April 2026.webm|video]] que explica esta funcionalidad. '''Actualizaciones para editores''' * En la mayoría de las wikis, todos los usuarios autoconfirmados ya pueden utilizar la página [[Special:ChangeContentModel|Special:ChangeContentModel]] para [[mw:Special:MyLanguage/Help:ChangeContentModel|crear páginas nuevas con modelos de contenido personalizados]] (como listas de mensajes masivos), lo que permite que dichas páginas sean más accesibles. Consulte [[Special:ListGroupRights|Special:ListGroupRights]] para comprobar el estado de este permiso en su wiki. [https://phabricator.wikimedia.org/T248294] * El equipo de Growth ha lanzado un [[mw:Special:MyLanguage/Contributors/Account_Creation_Experiments|experimento de creación de cuentas]] para evaluar si añadir un botón de registro en el encabezado de la versión web móvil aumenta la creación de cuentas y anima a más usuarios móviles a contribuir en las wikis. El experimento está activo actualmente en las Wikipedias en hindi, indonesio, bengalí, tailandés y hebreo, y se dirige al 10% de los usuarios de la versión web móvil que no han iniciado sesión. * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:30}} {{PLURAL:30|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se solucionó un error en el Editor Visual que podía causar que la pantalla de carga se detuviera en dispositivos con Windows donde las animaciones estaban desactivadas. [https://phabricator.wikimedia.org/T382856] '''Actualizaciones para los colaboradores técnicos''' * A partir de esta semana, las personas que son {{int:group-abusefilter}}, quienes tengan la función beta [[mw:Special:MyLanguage/Help:Extension:CodeMirror|{{int:codemirror-beta-feature-title}}]] activada, dispondrán de [[mw:Special:MyLanguage/Extension:CodeMirror|CodeMirror]] en lugar de [[mw:Special:MyLanguage/Extension:CodeEditor|CodeEditor]] como editor en el [[Special:AbuseFilter|Special:AbuseFilter]]. Esto forma parte de un esfuerzo integral para dotar de mayor consistencia a la experiencia de usuario en todos los editores. [https://phabricator.wikimedia.org/T399673][https://phabricator.wikimedia.org/T419332] * Las herramientas y bots que acceden a la [[mw:Special:MyLanguage/Notifications/API|API de notificaciones]] (<bdi lang="zxx" dir="ltr"><code><nowiki>action=query&meta=notifications</nowiki></code></bdi>) necesitarán actualizar sus permisos de OAuth o BootPassword para que también incluyan el acceso a notificaciones privadas. [https://phabricator.wikimedia.org/T421991] * Debido a una actualización de la biblioteca de software, es posible que las listas en las páginas de categorías se muestren desordenadas a partir del 20 de abril. Se ejecutará un script de migración para corregir este problema, el cual tardará entre unas horas y varios días en completarse, dependiendo del tamaño de la wiki (pudiendo demorar hasta una semana en la Wikipedia en inglés). [https://phabricator.wikimedia.org/T422544] * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Actualizaciones detalladas de código de esta semana: [[mw:MediaWiki 1.46/wmf.24|MediaWiki]] ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/16|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W16"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 15:19 13 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30380527 --> == Noticias técnicas: 2026-17 == <section begin="technews-2026-W17"/><div class="plainlinks"> Las últimas '''[[m:Special:MyLanguage/Tech/News|noticias técnicas]]''' desde la comunidad técnica de Wikimedia. Por favor, comenta estos cambios con otros usuarios. No todos los cambios te afectarán. [[m:Special:MyLanguage/Tech/News/2026/17|Traducciones en varios idiomas]] están disponibles. '''Lo más destacado de la semana''' * Después de dos años de desarrollo, [[mw:Special:MyLanguage/Help:Extension:CodeMirror|{{int:codemirror-beta-feature-title}}]], también conocido como [[mw:Special:MyLanguage/Extension:CodeMirror|CodeMirror 6]], dejará de ser una función beta este martes 21 de abril. Esta herramienta ofrece mejoras en la legibilidad del código fuente y la wikisintaxis, reduce los errores de escritura y aporta otros [[mw:Special:MyLanguage/Help:Extension:CodeMirror|beneficios]] para todos los usuarios del resaltador de sintaxis estándar. Un gran agradecimiento al voluntario [https://phabricator.wikimedia.org/p/Bhsd/ Bhsd], quien desarrolló muchas de las nuevas funcionalidades, incluyendo el [[mw:Special:MyLanguage/Help:Extension:CodeMirror#Code folding|plegado de código]], el [[mw:Special:MyLanguage/Help:Extension:CodeMirror#Autocompletion|autocompletado]] y las [[mw:Special:MyLanguage/Help:Extension:CodeMirror#Linting|comprobaciones]]. [https://phabricator.wikimedia.org/T259059] * Se ha lanzado una actualización mayor de la aplicación de Wikipedia para iOS, la cual ha sido rediseñada para adaptarse a los últimos estilos visuales de Apple «Liquid Glass». [https://apps.apple.com/us/app/wikipedia/id324715238 Descarga la última versión] y revisa las novedades de esta actualización. '''Actualizaciones para editores''' * [[mw:Special:MyLanguage/Readers/Reader Experience/WE3.3.4 Reading lists|Listas de lectura]] es una función que permite a los lectores guardar artículos para leerlos más tarde. Esta característica ya está disponible en las Wikipedias en árabe, francés, indonesio, vietnamita y chino, y se ha habilitado de forma predeterminada para todas las cuentas nuevas en todas las ediciones de Wikipedia. * Un experimento que explora mejoras en las [[mw:Special:MyLanguage/Readers/Reader Growth/Mobile page previews|previsualizaciones en la web móvil]] se lanzará durante la semana del 20 de abril en las Wikipedias en árabe, inglés, francés, italiano, polaco y vietnamita. Las previsualizaciones son ventanas emergentes (''pop-ups'') que muestran una miniatura, un párrafo descriptivo y un enlace para abrir el artículo al pasar sobre un enlace azul, lo que permite mejorar la navegación y el descubrimiento de contenidos. Esta función ya está disponible en las versiones de escritorio y en las aplicaciones móviles. [[m:Special:MyLanguage/List of experiments in Product and Technology#Template|Más información sobre este y otros experimentos]]. * En varias wikis, los usuarios registrados que no han [[mw:Special:MyLanguage/Help:Email confirmation|confirmado sus direcciones de correo electrónico]] comenzarán a ver un aviso que los animará a confirmar su correo. Al tener el correo confirmado, es posible restablecer el acceso a la cuenta en caso de pérdida de credenciales. [[mw:Special:MyLanguage/Help:Email confirmation|Más información sobre este cambio]]. [https://phabricator.wikimedia.org/T421366] * [[File:Reload icon with two arrows.svg|12px|link=|class=skin-invert|Elemento recurrente]] Revisa las {{formatnum:15}} {{PLURAL:15|tarea enviada|tareas enviadas}} por la comunidad que fueron [[m:Special:MyLanguage/Tech/News/Recently resolved community tasks|resueltas la semana pasada]]. Por ejemplo, se ha solucionado un error en el editor de wikitexto de 2017 que afectaba a páginas muy extensas, provocando lentitud en la carga y la previsualización, desfase al desplazarse (''scrolling'') y fallos de rendimiento al seleccionar, cortar o pegar contenidos. [https://phabricator.wikimedia.org/T184857] '''Actualizaciones para los colaboradores técnicos''' * Como parte de la promoción de [[mw:Special:MyLanguage/Help:Extension:CodeMirror|CodeMirror]] desde una función nbeta, todos los usuarios comenzarán a usar [[mw:Special:MyLanguage/Extension:CodeMirror|CodeMirror]] en lugar de [[mw:Special:MyLanguage/Extension:CodeEditor|CodeEditor]] para el resaltado de sintaxis al editar códigos JavaScript, CSS, JSON, Vue o Lua. [https://phabricator.wikimedia.org/T419332] * El servicio <code>mirrors.wikimedia.org</code> para los usuarios de Debian y Ubuntu será retirado y dejará de funcionar el 15 de mayo. Los recursos de este servicio se sustituirán por opciones nuevas y mejoradas. Es posible que algunos usuarios deban cambiar a un servidor diferente, proceso que no debería tomar más de un minuto. [https://lists.wikimedia.org/hyperkitty/list/wikitech-l@lists.wikimedia.org/thread/LJYRIS4WB66HIRCAO4GIDTXCMDVZRBMA/ Aquí puede encontrar más información]. [https://phabricator.wikimedia.org/T416707] * Las tablas <bdi lang="zxx" dir="ltr"><code><nowiki>image</nowiki></code></bdi> y <bdi lang="zxx" dir="ltr"><code><nowiki>oldimage</nowiki></code></bdi> serán eliminadas en [[wikitech:Help:Wiki Replicas|wikireplicas]]. Si tu herramienta o consultas acceden a <bdi lang="zxx" dir="ltr"><code><nowiki>image</nowiki></code></bdi> o <bdi lang="zxx" dir="ltr"><code><nowiki>oldimage</nowiki></code></bdi> directamente, actualízalas para que utilicen las tablas <bdi lang="zxx" dir="ltr"><code><nowiki>file</nowiki></code></bdi> y <bdi lang="zxx" dir="ltr"><code><nowiki>filerevision</nowiki></code></bdi> antes del 28 de mayo. [https://phabricator.wikimedia.org/T28741] * Continuando con la reciente implementación de los límites de acceso a la API para el tráfico no identificado, la Fundación Wikimedia seguirá trabajando para asegurar un [[mw:Special:MyLanguage/MediaWiki Product Insights/Responsible Reuse|uso justo de la infraestructura]] mediante la aplicación de límites globales al tráfico de la API identificado a partir de la última semana de abril. Estos límites se han configurado intencionadamente con los valores más altos posibles para minimizar el impacto en la comunidad. Los bots que se ejecutan en Toolforge/WMCS o aquellos que cuentan con el permiso de bot en cualquier wiki no deberían verse afectados por el momento. No obstante, se recomienda a todos los desarrolladores seguir las mejores prácticas actualizadas. Para más información, consulte [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits|Wikimedia APIs/Rate limits]] y las [[mw:Special:MyLanguage/Wikimedia APIs/Rate limits/FAQ|Preguntas frecuentes]]. * La [[mw:Special:MyLanguage/Attribution API|Attribution API]] ya está disponible en fase [[mw:Special:MyLanguage/Wikimedia APIs/Stability policy|beta]]. Esta API obtiene información para acreditar los artículos y archivos multimedia de Wikimedia allá donde se utilicen. La documentación de referencia se puede consultar a través de la página especial de la zona de pruebas (''sandbox'') de la API REST, disponible en todas las wikis de Wikimedia (como la [https://en.wikipedia.org/w/index.php?api=attribution.v0-beta&title=Special%3ARestSandbox zona de pruebas REST de la Wikipedia en inglés]). Puede compartir sus comentarios en la [[mw:Talk:Attribution API|página de discusión del proyecto]]. * Esta semana no hay una nueva versión de MediaWiki. ''Las '''[[m:Special:MyLanguage/Tech/News|Noticias Técnicas]]''' son preparadas por [[m:Special:MyLanguage/Tech/News/Writers|los escritores de Noticias Técnicas]] y publicadas con un [[m:Special:MyLanguage/User:MediaWiki message delivery|bot]]&nbsp;• [[m:Special:MyLanguage/Tech/News#contribute|Colabore]]&nbsp;• [[m:Special:MyLanguage/Tech/News/2026/17|traduzca]]&nbsp;• [[m:Tech|obtenga ayuda]]&nbsp;• [[m:Talk:Tech/News|denos su opinión]]&nbsp;• [[m:Global message delivery/Targets/Tech ambassadors|suscríbase o cancele su suscripción]].'' </div><section end="technews-2026-W17"/> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 15:00 20 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:STei (WMF)@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Tech_ambassadors&oldid=30432763 --> == Accesorios a implementar == Hola a todos, estuve viendo dos accesorios recientemente en desarrollo en Wikiviajes en inglés que me parecieron interesantes de implementar en Wikiviajes: * [[:en:Wikivoyage:Trip Planner|Planificador de viajes]]: Creado por [[User:Andree.sk|Andree.sk]] * [[:en:Wikivoyage:Travel Tracker|Rastreador de viajes]]: Creado por [[User:SHB2000|SHB2000]] funciona similar a lo que se ha ido usando con la [[Plantilla:Userbox/origen]] y [[Plantilla:Userbox/país]] en el que puedes marcar cuántos países visitaste. En ese último, una vez implementado, naturalmente se eliminará esas dos plantillas (no sin antes avisar a los usuarios respectivos). Será actualizado cada vez que los dos desarrolladores mencionados arriba actualicen dichos accesorios. Dado que es trivial, no creo que requiera pasar una votación, sino esperar cinco días aproximadamente por comentarios. Pasados esos cinco días, y sin objeciones, se implementan. <span style="font-family: 'Verdana', sans-serif; color: #4a4a4a; padding: 3px 8px; border: 1px solid #a2a2a2; border-radius: 4px; background: #f9f9f9;">✈️ '''Bromoxido '''^{([[Usuario Discusión:Bromoxido|💬]])}</span> 02:38 17 abr 2026 (UTC) :La primera me parece algo muy interesante, dándole a Wikiviajes mucha más utilidad y puede suponer un impulso al proyecto. La segunda me parece casi algo más de red social que otra cosa, pero creo que puede hacer al proyecto más atractivo. Así que ambas herramientas me parecen positivas para que podamos seguir creciendo. [[Usuario:Urci dream|Urci dream]] ([[Usuario discusión:Urci dream|discusión]]) 08:16 17 abr 2026 (UTC) :Dado a que ya han pasado 5 días y no hubo objeciones al respecto, se procederá a implementar dichos accesorios <span style="font-family: 'Verdana', sans-serif; color: #4a4a4a; padding: 3px 8px; border: 1px solid #a2a2a2; border-radius: 4px; background: #f9f9f9;">✈️ '''Bromoxido '''^{([[Usuario Discusión:Bromoxido|💬]])}</span> 03:09 23 abr 2026 (UTC) == Request for comment (global AI policy) == <bdi lang="en" dir="ltr" class="mw-content-ltr"> Apologies for writing in English. {{int:Please-translate}} A [[:m:Requests for comment/Artificial intelligence policy|request for comment]] is currently being held to decide on a global AI policy. {{int:Feedback-thanks-title}} [[Usuario:MediaWiki message delivery|MediaWiki message delivery]] ([[Usuario discusión:MediaWiki message delivery|discusión]]) 00:58 26 abr 2026 (UTC) </bdi> <!-- Mensaje enviado por Usuario:Codename Noreste@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Distribution_list/Global_message_delivery&oldid=30424282 --> ir6gokznx625mk7dsojgttifvq5wlld 2 18363 253509 253498 2026-05-18T20:36:38Z Jsmura 5370 253509 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════ WVA ════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO — 80 / 20 ══════════════════════════════════════════════════════ */ .wva-hero { display: grid; grid-template-columns: 80fr 20fr; min-height: 310px; border-bottom: var(--bd); overflow: hidden; animation: wva-in .65s ease both; } /* Columna izquierda 80% */ .wva-hc { background: var(--yw); position: relative; padding: 32px 32px 48px; overflow: hidden; } /* Dot pattern sobre amarillo */ .wva-hc::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: radial-gradient(circle, rgba(0,0,0,.13) 1.5px, transparent 1.5px); background-size: 22px 22px; } /* Corte diagonal derecho + sombra de profundidad */ .wva-hc::after { content: ''; position: absolute; right: -28px; top: 0; bottom: 0; width: 56px; background: var(--yw); transform: skewX(-5deg); z-index: 2; box-shadow: 6px 0 22px rgba(0,0,0,.28); } .wva-hi { position: relative; z-index: 3; } .wva-hi-loc { display: inline-block; background: var(--bk); color: var(--yw); font-size: 11px; font-weight: 900; padding: 4px 14px; border-radius: var(--rsm); text-transform: uppercase; letter-spacing: .09em; margin-bottom: 12px; } .wva-hi-h { font-size: 56px; font-weight: 900; color: var(--bk); line-height: .9; margin-bottom: 4px; border: none; padding: 0; text-shadow: 4px 4px 0 rgba(255,0,187,.22); } .wva-hi-h em { color: var(--pk); font-style: normal; display: block; font-size: 18px; font-weight: 900; margin-top: 8px; letter-spacing: .02em; } .wva-hi-desc { font-size: 13.5px; color: rgba(0,0,0,.7); line-height: 1.68; max-width: 520px; margin-bottom: 16px; } .wva-hi-tags { display: flex; gap: 7px; flex-wrap: wrap; } .wva-hi-tag { background: var(--bk); color: var(--yw); font-size: 11.5px; font-weight: 700; padding: 4px 14px; border-radius: 20px; } /* Columna derecha 20% — imagen */ .wva-himg { position: relative; overflow: hidden; min-height: 250px; } .wva-himg::before { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to right, rgba(255,230,0,.92) 0%, rgba(255,0,187,.2) 38%, transparent 75%), linear-gradient(to bottom, rgba(0,0,0,.28) 0%, transparent 28%, rgba(0,0,0,.38) 100%); } .wva-himg::after { content: ''; position: absolute; inset: 0; z-index: 3; box-shadow: inset 12px 0 32px rgba(0,0,0,.65), inset -4px 0 16px rgba(0,0,0,.25), inset 0 -14px 28px rgba(0,0,0,.4), inset 0 14px 22px rgba(0,0,0,.22); } /* Decoración de texto sobre la imagen */ .wva-himg-deco { position: absolute; right: 8px; bottom: 12px; z-index: 4; font-size: 22px; letter-spacing: 6px; animation: wva-glw 3s ease-in-out infinite; writing-mode: vertical-rl; } .wva-himg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; filter: contrast(1.3) saturate(1.8) brightness(.72) hue-rotate(-12deg); } /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } gzu261auz40j2mprok287c8g2snt2x8 253510 253509 2026-05-18T20:42:08Z Jsmura 5370 Deshecha la [[Especial:Diff/253509|edición 253509]] de [[Especial:Contribuciones/Jsmura|Jsmura]] ([[Usuario Discusión:Jsmura|disc.]]) 253510 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ /* ── Variables de color ── */ :root { --wva-pink: #FF00BB; --wva-cyan: #00E5FF; --wva-yellow: #FFE600; --wva-green: #39FF14; --wva-purple: #7A00FF; --wva-orange: #FFBA00; --wva-bg: #0D0821; --wva-panel: #160A2E; --wva-panel2: #1C0E38; --wva-text: #E8E0FF; --wva-muted: rgba(232, 224, 255, 0.62); --wva-border: rgba(255, 255, 255, 0.08); } /* ════════════════════════════════ HERO — Encabezado de destino ════════════════════════════════ */ .wva-hero { background: var(--wva-panel); border-radius: 14px; padding: 22px 20px 18px; margin-bottom: 12px; overflow: hidden; position: relative; border: 1px solid var(--wva-border); animation: wva-enter 0.5s ease both; } /* Elementos decorativos de fondo via pseudo-elementos */ .wva-hero::before { content: '★'; position: absolute; pointer-events: none; user-select: none; font-size: 110px; opacity: 0.04; color: #fff; line-height: 1; right: -15px; top: -25px; animation: wva-float 8s ease-in-out infinite; } .wva-hero::after { content: '⚡'; position: absolute; pointer-events: none; user-select: none; font-size: 70px; opacity: 0.035; color: #fff; line-height: 1; left: -8px; bottom: -15px; transform: rotate(-15deg); animation: wva-float 10s ease-in-out infinite reverse; } .wva-hero-region { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--wva-cyan); margin-bottom: 5px; position: relative; z-index: 1; } .wva-hero-title { font-size: 30px; font-weight: 800; color: #fff; line-height: 1.1; margin: 0 0 5px; padding: 0; border: none; position: relative; z-index: 1; text-shadow: 0 0 30px rgba(255, 0, 187, 0.2); } .wva-hero-sub { font-size: 13.5px; color: var(--wva-muted); line-height: 1.7; margin-bottom: 14px; position: relative; z-index: 1; } .wva-hero-badges { display: flex; gap: 7px; flex-wrap: wrap; position: relative; z-index: 1; } .wva-hbadge { font-size: 11.5px; font-weight: 600; padding: 3px 11px; border-radius: 20px; border: 1px solid; } .wva-hb-pink { border-color: var(--wva-pink); color: var(--wva-pink); background: rgba(255,0,187,0.10); } .wva-hb-cyan { border-color: var(--wva-cyan); color: var(--wva-cyan); background: rgba(0,229,255,0.10); } .wva-hb-yellow { border-color: var(--wva-yellow); color: var(--wva-yellow); background: rgba(255,230,0,0.10); } .wva-hb-green { border-color: var(--wva-green); color: var(--wva-green); background: rgba(57,255,20,0.08); } .wva-hb-purple { border-color: var(--wva-purple); color: #C57FFF; background: rgba(122,0,255,0.10); } .wva-hb-orange { border-color: var(--wva-orange); color: var(--wva-orange); background: rgba(255,186,0,0.10); } /* ════════════════════════════════ SECTION — Contenedor de sección ════════════════════════════════ */ .wva-section { background: var(--wva-panel); border-radius: 14px; margin-bottom: 10px; border: 1px solid var(--wva-border); overflow: hidden; position: relative; transition: border-color 0.25s; animation: wva-enter 0.4s ease both; } .wva-section:hover { border-color: rgba(255,255,255,0.14); } .wva-section:nth-child(2) { animation-delay: 0.05s; } .wva-section:nth-child(3) { animation-delay: 0.10s; } .wva-section:nth-child(4) { animation-delay: 0.15s; } .wva-section:nth-child(5) { animation-delay: 0.20s; } .wva-section:nth-child(6) { animation-delay: 0.25s; } /* Decorativos de fondo por variante de color */ .wva-section::before, .wva-section::after { position: absolute; pointer-events: none; user-select: none; line-height: 1; z-index: 0; font-size: 72px; } .wva-s-cyan::before { content:'★ ★'; color:var(--wva-cyan); opacity:0.045; top:-12px; right:6px; animation:wva-float 9s ease-in-out infinite; } .wva-s-cyan::after { content:'⚡'; color:var(--wva-cyan); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-12deg); animation:wva-float 11s ease-in-out infinite reverse; } .wva-s-yellow::before { content:'★ ◆'; color:var(--wva-yellow); opacity:0.045; top:-12px; right:6px; animation:wva-float 10s ease-in-out infinite; } .wva-s-yellow::after { content:'✦'; color:var(--wva-yellow); opacity:0.04; bottom:-8px; left:2px; transform:rotate(8deg); animation:wva-float 13s ease-in-out infinite reverse; } .wva-s-pink::before { content:'★ ♥'; color:var(--wva-pink); opacity:0.05; top:-12px; right:6px; animation:wva-float 8s ease-in-out infinite; } .wva-s-pink::after { content:'⚡'; color:var(--wva-pink); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-10deg); animation:wva-float 10s ease-in-out infinite reverse; } .wva-s-green::before { content:'✦ ✦'; color:var(--wva-green); opacity:0.045; top:-12px; right:6px; animation:wva-float 9s ease-in-out infinite; } .wva-s-green::after { content:'★'; color:var(--wva-green); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-8deg); animation:wva-float 12s ease-in-out infinite reverse; } .wva-s-purple::before { content:'♦ ★'; color:var(--wva-purple); opacity:0.05; top:-12px; right:6px; animation:wva-float 11s ease-in-out infinite; } .wva-s-purple::after { content:'⚡'; color:var(--wva-purple); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-14deg); animation:wva-float 9s ease-in-out infinite reverse; } .wva-s-orange::before { content:'★ ◆'; color:var(--wva-orange); opacity:0.045; top:-12px; right:6px; animation:wva-float 10s ease-in-out infinite; } .wva-s-orange::after { content:'✦'; color:var(--wva-orange); opacity:0.04; bottom:-8px; left:2px; transform:rotate(5deg); animation:wva-float 13s ease-in-out infinite reverse; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wva-sh { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--wva-border); position: relative; z-index: 1; } .wva-sh-icon { font-size: 17px; flex-shrink: 0; } .wva-sh-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; margin: 0; padding: 0; border: none; } .wva-sh-count { margin-left: auto; font-size: 11px; font-weight: 600; opacity: 0.45; flex-shrink: 0; color: var(--wva-muted); } .wva-sh-cyan { background: rgba(0,229,255,0.10); border-left: 3px solid var(--wva-cyan); } .wva-sh-cyan .wva-sh-title { color: var(--wva-cyan); } .wva-sh-yellow { background: rgba(255,230,0,0.09); border-left: 3px solid var(--wva-yellow); } .wva-sh-yellow .wva-sh-title { color: var(--wva-yellow); } .wva-sh-pink { background: rgba(255,0,187,0.09); border-left: 3px solid var(--wva-pink); } .wva-sh-pink .wva-sh-title { color: var(--wva-pink); } .wva-sh-green { background: rgba(57,255,20,0.07); border-left: 3px solid var(--wva-green); } .wva-sh-green .wva-sh-title { color: var(--wva-green); } .wva-sh-purple { background: rgba(122,0,255,0.10); border-left: 3px solid var(--wva-purple); } .wva-sh-purple .wva-sh-title { color: #C57FFF; } .wva-sh-orange { background: rgba(255,186,0,0.09); border-left: 3px solid var(--wva-orange); } .wva-sh-orange .wva-sh-title { color: var(--wva-orange); } /* ════════════════════════════════ BODY — Texto del cuerpo ════════════════════════════════ */ .wva-body { padding: 14px; position: relative; z-index: 1; font-size: 13.5px; line-height: 1.78; color: var(--wva-muted); } .wva-body p { margin-bottom: 8px; } .wva-body p:last-child { margin-bottom: 0; } .wva-body strong { color: #fff; } .wva-body em { color: rgba(232,224,255,0.85); font-style: italic; } .wva-body a { color: var(--wva-cyan); text-decoration: none; border-bottom: 1px solid rgba(0,229,255,0.3); } .wva-body a:hover { border-color: var(--wva-cyan); } /* Con imagen en esquina — añadir padding derecho */ .wva-has-corner .wva-body { padding-right: 130px; } /* ── Imagen en esquina ── */ .wva-corner { position: absolute; bottom: 0; right: 0; pointer-events: none; z-index: 2; } .wva-corner figure { float: none !important; margin: 0 !important; } .wva-corner img { display: block !important; height: auto !important; } /* ════════════════════════════════ LISTINGS — Items de listado ════════════════════════════════ */ .wva-list { padding: 0 14px 8px; position: relative; z-index: 1; } .wva-item { display: flex; gap: 11px; padding: 10px 6px 10px 0; border-bottom: 1px solid var(--wva-border); align-items: flex-start; transition: padding-left 0.18s, background 0.18s, border-radius 0.18s; cursor: default; } .wva-item:last-child { border-bottom: none; } .wva-item:hover { padding-left: 8px; background: rgba(255,255,255,0.03); border-radius: 8px; } .wva-iicon { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; transition: transform 0.18s; } .wva-item:hover .wva-iicon { transform: scale(1.08); } .wva-ic-cyan { background: rgba(0,229,255,0.10); border: 1px solid rgba(0,229,255,0.22); } .wva-ic-yellow { background: rgba(255,230,0,0.08); border: 1px solid rgba(255,230,0,0.22); } .wva-ic-pink { background: rgba(255,0,187,0.08); border: 1px solid rgba(255,0,187,0.22); } .wva-ic-green { background: rgba(57,255,20,0.06); border: 1px solid rgba(57,255,20,0.22); } .wva-ic-purple { background: rgba(122,0,255,0.10); border: 1px solid rgba(122,0,255,0.25); } .wva-ic-orange { background: rgba(255,186,0,0.08); border: 1px solid rgba(255,186,0,0.22); } .wva-iname { font-size: 13.5px; font-weight: 700; color: #fff; margin-bottom: 3px; line-height: 1.3; } .wva-idesc { font-size: 12.5px; color: var(--wva-muted); line-height: 1.52; } .wva-itags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 5px; } /* ── Tags / Chips ── */ .wva-tag { font-size: 10.5px; padding: 1px 8px; border-radius: 20px; font-weight: 600; border: 1px solid; } .wva-t-cyan { background: rgba(0,229,255,0.08); border-color: rgba(0,229,255,0.25); color: var(--wva-cyan); } .wva-t-yellow { background: rgba(255,230,0,0.07); border-color: rgba(255,230,0,0.25); color: var(--wva-yellow); } .wva-t-pink { background: rgba(255,0,187,0.07); border-color: rgba(255,0,187,0.25); color: var(--wva-pink); } .wva-t-green { background: rgba(57,255,20,0.06); border-color: rgba(57,255,20,0.25); color: var(--wva-green); } .wva-t-purple { background: rgba(122,0,255,0.08); border-color: rgba(122,0,255,0.25); color: #C57FFF; } .wva-t-orange { background: rgba(255,186,0,0.07); border-color: rgba(255,186,0,0.25); color: var(--wva-orange); } .wva-t-gray { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); color: rgba(232,224,255,0.7); } /* ════════════════════════════════ GRID 2 COLUMNAS ════════════════════════════════ */ .wva-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 14px 14px; position: relative; z-index: 1; } .wva-gcard { background: rgba(255,255,255,0.04); border: 1px solid var(--wva-border); border-radius: 9px; padding: 11px; transition: border-color 0.18s, background 0.18s; cursor: default; } .wva-gcard:hover { border-color: rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); } .wva-gcard-name { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 3px; } .wva-gcard-desc { font-size: 12px; color: var(--wva-muted); line-height: 1.52; } .wva-gcard-tag { display: inline-block; margin-top: 7px; } /* ════════════════════════════════ TIP / CALLOUT ════════════════════════════════ */ .wva-tip { margin: 0 14px 12px; padding: 10px 13px; border-radius: 8px; display: flex; gap: 10px; align-items: flex-start; position: relative; z-index: 1; } .wva-tip:first-child { margin-top: 2px; } .wva-tip-cyan { background: rgba(0,229,255,0.05); border: 1px solid rgba(0,229,255,0.2); border-left: 3px solid var(--wva-cyan); } .wva-tip-yellow { background: rgba(255,230,0,0.06); border: 1px solid rgba(255,230,0,0.2); border-left: 3px solid var(--wva-yellow); } .wva-tip-pink { background: rgba(255,0,187,0.05); border: 1px solid rgba(255,0,187,0.2); border-left: 3px solid var(--wva-pink); } .wva-tip-green { background: rgba(57,255,20,0.04); border: 1px solid rgba(57,255,20,0.2); border-left: 3px solid var(--wva-green); } .wva-tip-purple { background: rgba(122,0,255,0.06); border: 1px solid rgba(122,0,255,0.2); border-left: 3px solid var(--wva-purple); } .wva-tip-orange { background: rgba(255,186,0,0.06); border: 1px solid rgba(255,186,0,0.2); border-left: 3px solid var(--wva-orange); } .wva-tip-em { font-size: 17px; flex-shrink: 0; margin-top: 1px; } .wva-tip-txt { font-size: 12.5px; color: rgba(232,224,255,0.88); line-height: 1.62; } .wva-tip-txt strong { color: #fff; } /* ════════════════════════════════ ANIMACIONES ════════════════════════════════ */ @keyframes wva-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes wva-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } /* Versión para elements con transform inicial (no sobreescribe) */ @keyframes wva-float-rot { 0%,100% { transform: rotate(var(--rot, -12deg)) translateY(0); } 50% { transform: rotate(var(--rot, -12deg)) translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 720px) { .wva-hero-title { font-size: 24px; } .wva-grid2 { grid-template-columns: 1fr; } } @media (max-width: 520px) { .wva-hero { padding: 16px 14px 14px; } .wva-hero-title { font-size: 20px; } .wva-has-corner .wva-body { padding-right: 14px; } .wva-corner { display: none; } .wva-sh { padding: 9px 12px; } .wva-body { padding: 12px; font-size: 13px; } .wva-list { padding: 0 12px 6px; } .wva-tip { margin: 0 12px 10px; } .wva-grid2 { padding: 0 12px 12px; } } /* ════════════════════════════════════════════════════════════════ WVA ARTICLE SYSTEM ════════════════════════════════════════════════════════════════ */ /* ─── VARIABLES ─── */ :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; /* border-radius base */ --rsm: 6px; --rlg: 14px; } /* ─── RESET INTERNO ─── */ .wva { font-family: 'Segoe UI', Arial, sans-serif; color: var(--bk); } .wva * { box-sizing: border-box; } /* ─── ANIMACIONES ─── */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,0.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} } /* ════════════════════════════════ HERO — Layout 80/20 ════════════════════════════════ */ .wva-hero { display: grid; grid-template-columns: 80fr 20fr; min-height: 300px; border-bottom: var(--bd); overflow: hidden; position: relative; animation: wva-in 0.6s ease both; } /* ── Columna izquierda 80% ── */ .wva-hero-content { background: var(--yw); position: relative; padding: 30px 32px 44px; overflow: hidden; } /* Dot pattern sobre el amarillo */ .wva-hero-content::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0,0,0,0.12) 1.5px, transparent 1.5px); background-size: 22px 22px; z-index: 0; } /* Corte diagonal derecho (transición hacia la imagen) */ .wva-hero-content::after { content: ''; position: absolute; right: -30px; top: 0; bottom: 0; width: 60px; background: var(--yw); transform: skewX(-6deg); z-index: 2; /* Sombra interna para dar profundidad al corte */ box-shadow: 4px 0 20px rgba(0,0,0,0.25); } .wva-hero-inner { position: relative; z-index: 3; max-width: 600px; } /* Etiqueta de región */ .wva-hero-loc { display: inline-block; background: var(--bk); color: var(--yw); font-size: 11px; font-weight: 900; padding: 4px 14px; border-radius: var(--rsm); text-transform: uppercase; letter-spacing: 0.09em; margin-bottom: 12px; } /* Título principal */ .wva-hero-h { font-size: 54px; font-weight: 900; color: var(--bk); line-height: 0.9; margin-bottom: 4px; border: none; padding: 0; /* Sombra rosa para efecto game */ text-shadow: 4px 4px 0 rgba(255,0,187,0.2); } .wva-hero-h em { color: var(--pk); font-style: normal; display: block; font-size: 18px; font-weight: 900; margin-top: 7px; letter-spacing: 0.02em; } .wva-hero-desc { font-size: 13.5px; color: rgba(0,0,0,0.7); line-height: 1.68; max-width: 520px; margin-bottom: 16px; } /* Tags del hero */ .wva-hero-tags { display: flex; gap: 7px; flex-wrap: wrap; } .wva-hero-tag { background: var(--bk); color: var(--yw); font-size: 11.5px; font-weight: 700; padding: 4px 13px; border-radius: 20px; } /* ── Columna derecha 20% (imagen) ── */ .wva-hero-img { position: relative; overflow: hidden; min-height: 250px; } /* Overlay: degradado amarillo desde la izquierda + oscurecimiento */ .wva-hero-img::before { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to right, rgba(255,230,0,0.92) 0%, rgba(255,0,187,0.2) 35%, transparent 70%), linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 30%, rgba(0,0,0,0.35) 100%); } /* Viñeta negra interior (efecto "bordes de imagen del juego") */ .wva-hero-img::after { content: ''; position: absolute; inset: 0; z-index: 3; box-shadow: inset 10px 0 30px rgba(0,0,0,0.6), inset -4px 0 16px rgba(0,0,0,0.25), inset 0 -12px 24px rgba(0,0,0,0.35), inset 0 12px 20px rgba(0,0,0,0.2); } /* Forzar que las imágenes wiki llenen el panel */ .wva-hero-img figure, .wva-hero-img .mw-file-description, .wva-hero-img a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wva-hero-img img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; /* Filtros: mayor contraste, saturación intensa, ligero toque rosa */ filter: contrast(1.3) saturate(1.7) brightness(0.75) hue-rotate(-10deg); } /* ════════════════════════════════ FICHA TÉCNICA — Stats bar oscura ════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in 0.5s ease 0.08s both; } .wva-fb-t { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin-bottom: 6px; } .wva-fb-info { font-size: 12.5px; line-height: 1.7; color: rgba(255,255,255,0.82); } .wva-fb-info strong { color: var(--yw); font-weight: 700; } /* Filas de stats */ .wva-sr { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; } .wva-sl { font-size: 11px; font-weight: 800; width: 46px; color: rgba(255,255,255,0.6); text-transform: uppercase; } .wva-sg { font-size: 14px; font-weight: 900; width: 30px; } .wva-sb { flex: 1; height: 7px; background: rgba(255,255,255,0.1); border: 1.5px solid rgba(255,255,255,0.2); border-radius: 4px; overflow: hidden; } .wva-sf { height: 100%; border-radius: 4px; animation: wva-bar 0.9s ease 0.3s both; } .sf-pk { background: var(--pk); } .sf-yw { background: var(--yw); } .sf-gn { background: var(--gn); } .sf-bl { background: var(--bl); } .sf-or { background: var(--or); } .sf-rd { background: var(--rd); } /* ════════════════════════════════ SECTION — Contenedor de sección ════════════════════════════════ */ .wva-sec { border-bottom: var(--bd); overflow: hidden; animation: wva-in 0.5s ease both; position: relative; } /* Fondo amarillo con dot pattern */ .wva-sec.bg-yw { background: var(--yw); } .wva-sec.bg-yw::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: radial-gradient(circle, rgba(0,0,0,0.12) 1.5px, transparent 1.5px); background-size: 22px 22px; } .wva-sec.bg-yw > * { position: relative; z-index: 1; } /* Fondos por sección */ .bg-w { background: #FFFFFF; } .bg-cr { background: #FFF8F0; } .bg-war { background: #FFF5F5; } .bg-mn { background: #FFFDE7; } .bg-sc { background: #FFF0F8; background-image: radial-gradient(circle, rgba(255,0,187,0.07) 1.5px, transparent 1.5px); background-size: 20px 20px; } .bg-hl { background: #F0FFF4; } .bg-mv { background: #F8F8FF; } .bg-ar { background: #F0F9FF; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wva-sh { display: flex; align-items: center; gap: 10px; padding: 10px 20px; border-bottom: var(--bd2); position: relative; overflow: hidden; } .wva-sh .ico { font-size: 17px; flex-shrink: 0; } .wva-sh-t { font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; padding: 0; border: none; } .wva-sh-c { margin-left: auto; font-size: 11px; font-weight: 700; opacity: 0.5; flex-shrink: 0; } /* NEGRO con amarillo (estilo "SQUAD") */ .sh-bk { background: var(--bk); } .sh-bk .wva-sh-t, .sh-bk .wva-sh-c, .sh-bk .ico { color: var(--yw); } /* Dot pattern sutil en header negro */ .sh-bk::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,0.08) 1px, transparent 1px); background-size: 14px 14px; } .sh-bk .wva-sh-t, .sh-bk .wva-sh-c, .sh-bk .ico { position: relative; z-index: 1; } /* AMARILLO con negro (estilo "VANGUARD") */ .sh-yw { background: var(--yw); } .sh-yw::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0,0,0,0.1) 1px, transparent 1px); background-size: 14px 14px; } .sh-yw .wva-sh-t, .sh-yw .wva-sh-c, .sh-yw .ico { color: var(--bk); position: relative; z-index: 1; } /* Variantes de color */ .sh-pk { background: var(--pk); } .sh-pk .wva-sh-t, .sh-pk .wva-sh-c { color: #fff; } .sh-rd { background: var(--rd); } .sh-rd .wva-sh-t, .sh-rd .wva-sh-c { color: #fff; } .sh-bl { background: var(--bl); } .sh-bl .wva-sh-t, .sh-bl .wva-sh-c { color: #fff; } .sh-gn { background: var(--gn); } .sh-gn .wva-sh-t, .sh-gn .wva-sh-c { color: #fff; } .sh-or { background: var(--or); } .sh-or .wva-sh-t, .sh-or .wva-sh-c { color: #fff; } .sh-pu { background: var(--pu); } .sh-pu .wva-sh-t, .sh-pu .wva-sh-c { color: #fff; } .sh-cy { background: var(--cy); } .sh-cy .wva-sh-t { color: var(--bk); } /* ════════════════════════════════ SUB-ENCABEZADO ════════════════════════════════ */ .wva-sub { display: flex; align-items: center; gap: 8px; padding: 8px 20px 4px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.07em; color: var(--mu); } .wva-sub-line { flex: 1; height: 1.5px; background: rgba(0,0,0,0.12); border-radius: 2px; } /* ════════════════════════════════ TEXTO DE CUERPO ════════════════════════════════ */ .wva-body { padding: 12px 20px; font-size: 13.5px; line-height: 1.75; color: #444; } .wva-body p { margin-bottom: 7px; } .wva-body p:last-child { margin: 0; } .wva-body strong { color: var(--bk); font-weight: 700; } /* ════════════════════════════════ LAYOUT 2 COLUMNAS (texto) ════════════════════════════════ */ .wva-2c { padding: 12px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; font-size: 13px; line-height: 1.72; color: #444; } .wva-2c p { margin-bottom: 7px; } .wva-2c strong { color: var(--bk); font-weight: 700; } /* ════════════════════════════════ GRIDS RESPONSIVOS ════════════════════════════════ */ .g { padding: 12px 20px; } .g-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .g-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .g-a { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .g-r { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; } .g-sm { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; } /* ════════════════════════════════ PRACTICAL TIP CARD ════════════════════════════════ */ .ptip { border: var(--bd2); background: var(--wh); border-radius: var(--r); overflow: hidden; transition: transform 0.15s, box-shadow 0.15s; cursor: default; animation: wva-pop 0.4s ease both; } .ptip:hover { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--bk); } .ptip-h { padding: 6px 12px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; display: flex; align-items: center; gap: 5px; border-bottom: var(--bd2); } .ptip-b { padding: 10px 12px; font-size: 12.5px; line-height: 1.58; color: #333; } .ptip-b strong { color: var(--bk); font-weight: 700; } .ptip-warn .ptip-h { background: var(--rd); color: #fff; } .ptip-warn { border-color: var(--rd); } .ptip-money .ptip-h { background: var(--yw); color: var(--bk); } .ptip-tip .ptip-h { background: var(--cy); color: var(--bk); } .ptip-tip { border-color: var(--cy); } .ptip-ok .ptip-h { background: var(--gn); color: #fff; } .ptip-ok { border-color: var(--gn); } .ptip-info .ptip-h { background: var(--bl); color: #fff; } .ptip-info { border-color: var(--bl); } .ptip-or .ptip-h { background: var(--or); color: #fff; } .ptip-or { border-color: var(--or); } .ptip-pu .ptip-h { background: var(--pu); color: #fff; } .ptip-pu { border-color: var(--pu); } .ptip-bk .ptip-h { background: var(--bk); color: var(--yw); } .ptip-bk { border-color: var(--bk); } /* ════════════════════════════════ TALENT CARD (secretos) ════════════════════════════════ */ .tcard { border: var(--bd2); background: var(--wh); border-radius: var(--r); padding: 12px; overflow: hidden; position: relative; animation: wva-pop 0.4s ease both; transition: transform 0.15s, box-shadow 0.15s; cursor: default; } .tcard:hover { transform: translateY(-4px); box-shadow: 4px 4px 0 var(--bk); } .tcard.hot { border-color: var(--pk); background: #FFF4FA; animation: wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display: inline-block; font-size: 10px; font-weight: 900; text-transform: uppercase; padding: 2px 8px; border-radius: var(--rsm); border: 1.5px solid var(--bk); margin-bottom: 7px; } .tcard-title { font-size: 14px; font-weight: 900; color: var(--bk); margin-bottom: 8px; line-height: 1.2; } .tcard-stats { margin-bottom: 7px; } .tsr { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; } .tsl { font-size: 10.5px; font-weight: 800; width: 50px; text-transform: uppercase; color: var(--bk); } .tsg { font-size: 13px; font-weight: 900; width: 26px; } .tsb { flex: 1; height: 6px; background: #eee; border: 1.5px solid #ccc; border-radius: 3px; overflow: hidden; } .tsf { height: 100%; border-radius: 3px; animation: wva-bar 0.8s ease 0.5s both; } .tcard-text { font-size: 12px; color: #444; line-height: 1.55; margin-bottom: 8px; } .tcard-tags { display: flex; gap: 4px; flex-wrap: wrap; } /* ════════════════════════════════ REGION CARD ════════════════════════════════ */ .rcard { border: var(--bd2); background: var(--wh); padding: 10px 12px 10px 14px; border-left-width: 5px; border-radius: var(--r); cursor: default; transition: transform 0.15s, box-shadow 0.15s; animation: wva-pop 0.35s ease both; } .rcard:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 var(--bk); } .rcard-name { font-size: 13px; font-weight: 800; color: var(--bk); margin-bottom: 2px; } .rcard-desc { font-size: 11.5px; color: var(--mu); line-height: 1.45; } /* ════════════════════════════════ CITY CARD ════════════════════════════════ */ .ccard { border: var(--bd2); background: var(--wh); padding: 11px 12px; border-radius: var(--r); cursor: default; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; animation: wva-pop 0.4s ease both; } .ccard:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 var(--bk); border-color: var(--pk); } .ccard-badge { display: inline-block; font-size: 10px; font-weight: 800; padding: 1px 7px; border-radius: var(--rsm); border: 1.5px solid var(--bk); background: var(--yw); color: var(--bk); margin-bottom: 4px; } .ccard-badge.pk { background: var(--pk); color: #fff; } .ccard-name { font-size: 13px; font-weight: 800; color: var(--bk); margin-bottom: 2px; } .ccard-desc { font-size: 11.5px; color: var(--mu); line-height: 1.5; } /* ════════════════════════════════ TRANSPORT CARD ════════════════════════════════ */ .tport { border: var(--bd2); background: var(--wh); padding: 12px 14px; border-radius: var(--r); display: flex; flex-direction: column; gap: 6px; cursor: default; transition: transform 0.15s, box-shadow 0.15s; animation: wva-pop 0.4s ease both; position: relative; overflow: hidden; } .tport::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: var(--r) 0 0 var(--r); } .tport:hover { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--bk); } .tport-icon { font-size: 24px; line-height: 1; } .tport-name { font-size: 13px; font-weight: 800; color: var(--bk); } .tport-desc { font-size: 12px; color: var(--mu); line-height: 1.5; flex: 1; } .tport-tags { display: flex; gap: 5px; flex-wrap: wrap; } .tp-bl::before { background: var(--bl); } .tp-or::before { background: var(--or); } .tp-gn::before { background: var(--gn); } .tp-rd::before { background: var(--rd); } .tp-pk::before { background: var(--pk); } .tp-pu::before { background: var(--pu); } .tp-cy::before { background: var(--cy); } .tp-yw::before { background: var(--yw); } .tp-bk::before { background: var(--bk); } /* ════════════════════════════════ ALERT / CALLOUT ════════════════════════════════ */ .wva-al { margin: 0 20px; padding: 10px 13px; border: var(--bd2); border-left-width: 4px; border-radius: var(--r); display: flex; gap: 10px; align-items: flex-start; animation: wva-sl 0.4s ease both; } .wva-al + .wva-al { margin-top: 8px; } .wva-al:last-of-type { margin-bottom: 12px; } .a-warn { border-color: var(--rd); background: #FFF5F5; } .a-tip { border-color: var(--cy); background: #F0FDFF; } .a-ok { border-color: var(--gn); background: #F0FFF4; } .a-money { border-color: #F5A000; background: #FFFDE7; } .a-info { border-color: var(--bl); background: #F0F8FF; } .a-pink { border-color: var(--pk); background: #FFF0F8; } .a-bk { border-color: var(--bk); background: #F8F8F0; } .al-em { font-size: 18px; flex-shrink: 0; margin-top: 1px; animation: wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size: 12.5px; color: #333; line-height: 1.62; } .al-txt strong { color: var(--bk); font-weight: 700; } /* ════════════════════════════════ LIST ITEMS ════════════════════════════════ */ .wva-list { padding: 0 20px 12px; } .wva-li { display: flex; gap: 11px; padding: 10px 0; border-bottom: 1.5px solid rgba(0,0,0,0.08); align-items: flex-start; transition: padding-left 0.14s; cursor: default; } .wva-li:last-child { border-bottom: none; } .wva-li:hover { padding-left: 6px; } .wva-li-ico { width: 36px; height: 36px; border: var(--bd2); border-radius: var(--rsm); display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; background: var(--wh); transition: transform 0.14s; } .wva-li:hover .wva-li-ico { transform: scale(1.06); } .wva-li-name { font-size: 13.5px; font-weight: 700; color: var(--bk); margin-bottom: 2px; } .wva-li-desc { font-size: 12.5px; color: var(--mu); line-height: 1.5; } .wva-li-tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 4px; } /* ════════════════════════════════ TAGS / PILLS ════════════════════════════════ */ .tag { font-size: 10.5px; font-weight: 800; padding: 2px 9px; border: 1.5px solid var(--bk); border-radius: var(--rsm); } .t-pk { background: var(--pk); color: #fff; } .t-yw { background: var(--yw); color: var(--bk); } .t-cy { background: var(--cy); color: var(--bk); } .t-gn { background: var(--gn); color: #fff; } .t-rd { background: var(--rd); color: #fff; } .t-bl { background: var(--bl); color: #fff; } .t-or { background: var(--or); color: #fff; } .t-pu { background: var(--pu); color: #fff; } .t-wh { background: var(--wh); color: var(--bk); } .t-bk { background: var(--bk); color: var(--wh); } /* ════════════════════════════════ NEXT DESTINATIONS ════════════════════════════════ */ .wva-next { padding: 14px 20px; display: flex; flex-wrap: wrap; gap: 8px; } .ncard { background: var(--wh); border: var(--bd2); border-radius: var(--r); padding: 10px 18px; font-size: 13px; font-weight: 800; color: var(--bk); cursor: default; transition: background 0.14s, transform 0.14s, box-shadow 0.14s; } .ncard:hover { background: var(--yw); transform: translateY(-2px); box-shadow: 3px 3px 0 var(--bk); } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wva-hero { grid-template-columns: 1fr; } .wva-hero-img { display: none; } .wva-hero-content::after { display: none; } .wva-hero-h { font-size: 38px; } .g-2, .g-3 { grid-template-columns: 1fr; } .wva-2c { grid-template-columns: 1fr; } .wva-ficha { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .wva-hero-content { padding: 20px 14px 28px; } .wva-hero-h { font-size: 28px; } .wva-ficha { padding: 12px 14px; grid-template-columns: 1fr 1fr; } .g, .wva-body, .wva-2c, .wva-list, .wva-next, .wva-sub { padding-left: 14px; padding-right: 14px; } .wva-al { margin-left: 14px; margin-right: 14px; } .wva-sh, .wva-sub { padding-left: 14px; padding-right: 14px; } .g-a, .g-r, .g-sm { grid-template-columns: 1fr 1fr; } } 2nl4378g1eegylr1779zma0nj97psmp 253511 253510 2026-05-18T20:48:34Z Jsmura 5370 253511 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *{box-sizing:border-box;margin:0;padding:0} :root{ --pk:#FF00BB;--yw:#FFE600;--cy:#00BFFF;--gn:#00C853; --or:#FF6B00;--rd:#FF2200;--pu:#7A00FF;--bl:#0099FF; --tx:#111;--mu:#555;--bd:2.5px solid #111; } .wva{font-family:'Segoe UI',Arial,sans-serif;color:var(--tx)} /* ANIMS */ @keyframes in {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @keyframes sl {from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}} @keyframes pop {from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1)}} @keyframes bar {from{width:0}to{width:var(--w,100%)}} @keyframes pls {0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,0.4)}60%{box-shadow:0 0 0 8px rgba(255,0,187,0)}} @keyframes glo {0%,100%{opacity:0.25}50%{opacity:0.12}} @keyframes bob {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} /* HERO */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* FICHA / STATS */ .wva-ficha{background:#fff;border-bottom:3px solid #111;padding:16px 20px; display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px; animation:in .5s ease .08s both} .wva-fb{} .wva-fb-t{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);margin-bottom:5px} .wva-sr{display:flex;align-items:center;gap:6px;margin-bottom:3px} .wva-sl{font-size:11px;font-weight:800;width:46px;color:#111;text-transform:uppercase} .wva-sg{font-size:13px;font-weight:900;width:30px} .wva-sb{flex:1;height:7px;background:#eee;border:1.5px solid #ccc;overflow:hidden} .wva-sf{height:100%;animation:bar .9s ease .3s both} .sf-pk{background:var(--pk)}.sf-yw{background:var(--yw)}.sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)}.sf-or{background:var(--or)}.sf-rd{background:var(--rd)} .wva-fb-info{font-size:12.5px;line-height:1.7;color:#333} .wva-fb-info strong{color:#111;font-weight:700} /* SECTION */ .wva-sec{border-bottom:var(--bd);overflow:hidden;animation:in .5s ease both} .bg-w{background:#fff}.bg-cr{background:#FFF8F0}.bg-war{background:#FFF5F5} .bg-mn{background:#FFFDE7}.bg-sc{background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px); background-size:20px 20px} .bg-hl{background:#F0FFF4}.bg-mv{background:#F8F8FF}.bg-ar{background:#F0F9FF} /* SECTION HEADER */ .wva-sh{display:flex;align-items:center;gap:10px;padding:9px 20px;border-bottom:var(--bd)} .wva-sh .ico{font-size:17px;flex-shrink:0} .wva-sh-t{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none} .wva-sh-c{margin-left:auto;font-size:11px;font-weight:700;opacity:.55;flex-shrink:0} .sh-yw{background:var(--yw)}.sh-yw .wva-sh-t{color:#111} .sh-pk{background:var(--pk)}.sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)}.sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)}.sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)}.sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)}.sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)}.sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)}.sh-cy .wva-sh-t{color:#111} /* GRIDS */ .g{padding:12px 20px}.g-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .g-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .g-a{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px} .g-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px} .g-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px} /* PRACTICAL TIP CARD */ .ptip{border:2.5px solid #111;background:#fff;overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:pop .4s ease both} .ptip:hover{transform:translateY(-3px);box-shadow:4px 4px 0 #111} .ptip-h{padding:5px 11px;font-size:11px;font-weight:900;text-transform:uppercase; letter-spacing:.06em;display:flex;align-items:center;gap:5px;border-bottom:2px solid #111} .ptip-b{padding:9px 11px;font-size:12.5px;line-height:1.58;color:#333} .ptip-b strong{color:#111;font-weight:700} .ptip-warn .ptip-h{background:var(--rd);color:#fff}.ptip-warn{border-color:var(--rd)} .ptip-money .ptip-h{background:var(--yw);color:#111} .ptip-tip .ptip-h{background:var(--cy);color:#111}.ptip-tip{border-color:var(--cy)} .ptip-ok .ptip-h{background:var(--gn);color:#fff}.ptip-ok{border-color:var(--gn)} .ptip-info .ptip-h{background:var(--bl);color:#fff}.ptip-info{border-color:var(--bl)} .ptip-or .ptip-h{background:var(--or);color:#fff}.ptip-or{border-color:var(--or)} .ptip-pu .ptip-h{background:var(--pu);color:#fff}.ptip-pu{border-color:var(--pu)} /* TALENT / SECRET CARD */ .tcard{border:2.5px solid #111;background:#fff;padding:12px;overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:pop .4s ease both} .tcard:hover{transform:translateY(-4px);box-shadow:4px 4px 0 #111} .tcard.hot{border-color:var(--pk);background:#FFF4FA;animation:pls 2.5s ease-in-out infinite} .tcard-cat{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border:1.5px solid #111;margin-bottom:7px} .tcard-title{font-size:14px;font-weight:900;color:#111;margin-bottom:8px;line-height:1.2} .tcard-stats{margin-bottom:7px} .tsr{display:flex;align-items:center;gap:6px;margin-bottom:3px} .tsl{font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:#111} .tsg{font-size:13px;font-weight:900;width:26px} .tsb{flex:1;height:6px;background:#eee;border:1.5px solid #ccc;overflow:hidden} .tsf{height:100%;animation:bar .8s ease .5s both} .tcard-text{font-size:12px;color:#444;line-height:1.55;margin-bottom:8px} .tcard-tags{display:flex;gap:4px;flex-wrap:wrap} /* REGION CARD */ .rcard{border:2.5px solid #111;background:#fff;padding:10px 12px 10px 14px; border-left-width:5px;cursor:default;transition:transform .15s,box-shadow .15s;animation:pop .35s ease both} .rcard:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #111} .rcard-name{font-size:13px;font-weight:800;color:#111;margin-bottom:2px} .rcard-desc{font-size:11.5px;color:var(--mu);line-height:1.45} /* TRANSPORT CARD */ .tport{border:2.5px solid #111;background:#fff;padding:12px 14px; display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:pop .4s ease both;position:relative} .tport::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px} .tport:hover{transform:translateY(-3px);box-shadow:4px 4px 0 #111} .tport-ico{font-size:22px;line-height:1} .tport-name{font-size:13px;font-weight:800;color:#111} .tport-desc{font-size:12px;color:var(--mu);line-height:1.5;flex:1} .tport-tags{display:flex;gap:5px;flex-wrap:wrap} .tp-bl::before{background:var(--bl)}.tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)}.tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)}.tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)}.tp-yw::before{background:var(--yw)} /* ALERT BOX */ .wva-al{margin:0 20px;padding:10px 13px;border:2px solid;border-left-width:4px; display:flex;gap:10px;align-items:flex-start;animation:sl .4s ease both} .wva-al+.wva-al{margin-top:8px} .wva-al:last-of-type{margin-bottom:12px} .a-warn{border-color:var(--rd);background:#FFF5F5} .a-tip{border-color:var(--cy);background:#F0FDFF} .a-ok{border-color:var(--gn);background:#F0FFF4} .a-money{border-color:#F5A000;background:#FFFDE7} .a-info{border-color:var(--bl);background:#F0F8FF} .a-pink{border-color:var(--pk);background:#FFF0F8} .al-em{font-size:18px;flex-shrink:0;margin-top:1px;animation:bob 2s ease-in-out infinite} .al-txt{font-size:12.5px;color:#333;line-height:1.62} .al-txt strong{color:#111;font-weight:700} /* BODY TEXT */ .wva-body{padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444} .wva-body p{margin-bottom:7px}.wva-body p:last-child{margin:0} .wva-body strong{color:#111;font-weight:700} /* 2-COL TEXT */ .wva-2c{padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px; font-size:13px;line-height:1.72;color:#444} .wva-2c p{margin-bottom:7px}.wva-2c strong{color:#111;font-weight:700} /* LIST ITEMS */ .wva-list{padding:0 20px 12px} .wva-li{display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid #eee; align-items:flex-start;transition:padding-left .14s;cursor:default} .wva-li:last-child{border-bottom:none} .wva-li:hover{padding-left:6px} .wva-li-ico{width:36px;height:36px;border:2px solid #111; display:flex;align-items:center;justify-content:center; font-size:17px;flex-shrink:0;background:#fff;transition:transform .14s} .wva-li:hover .wva-li-ico{transform:scale(1.06)} .wva-li-name{font-size:13.5px;font-weight:700;color:#111;margin-bottom:2px} .wva-li-desc{font-size:12.5px;color:var(--mu);line-height:1.5} .wva-li-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px} /* TAGS */ .tag{font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid #111} .t-pk{background:var(--pk);color:#fff}.t-yw{background:var(--yw);color:#111} .t-cy{background:var(--cy);color:#111}.t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff}.t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff}.t-pu{background:var(--pu);color:#fff} .t-wh{background:#fff;color:#111}.t-bk{background:#111;color:#fff} /* SUB HEADER */ .wva-sub{display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu)} .wva-sub-line{flex:1;height:1px;background:#ddd} /* NEXT */ .wva-next{padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px} .ncard{background:#fff;border:2.5px solid #111;padding:10px 18px; font-size:13px;font-weight:800;color:#111;cursor:default; transition:background .14s,transform .14s,box-shadow .14s} .ncard:hover{background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 #111} /* RESPONSIVE */ @media(max-width:700px){ .wva-hi-h{font-size:30px}.g-2,.g-3{grid-template-columns:1fr} .wva-2c{grid-template-columns:1fr}.wva-ficha{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){ .wva-hero{padding:20px 14px 32px}.wva-hi-h{font-size:26px} .g,.wva-body,.wva-2c,.wva-list,.wva-al,.wva-next,.wva-sh,.wva-sub{padding-left:14px;padding-right:14px} .g-a,.g-r,.g-sm{grid-template-columns:1fr 1fr}.wva-ficha{padding:12px 14px}} 2cwqykbr4oc5r6azu4xekfbmtkvx31t 253512 253511 2026-05-18T20:54:56Z Jsmura 5370 Deshecha la [[Especial:Diff/253511|edición 253511]] de [[Especial:Contribuciones/Jsmura|Jsmura]] ([[Usuario Discusión:Jsmura|disc.]]) 253512 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ /* ── Variables de color ── */ :root { --wva-pink: #FF00BB; --wva-cyan: #00E5FF; --wva-yellow: #FFE600; --wva-green: #39FF14; --wva-purple: #7A00FF; --wva-orange: #FFBA00; --wva-bg: #0D0821; --wva-panel: #160A2E; --wva-panel2: #1C0E38; --wva-text: #E8E0FF; --wva-muted: rgba(232, 224, 255, 0.62); --wva-border: rgba(255, 255, 255, 0.08); } /* ════════════════════════════════ HERO — Encabezado de destino ════════════════════════════════ */ .wva-hero { background: var(--wva-panel); border-radius: 14px; padding: 22px 20px 18px; margin-bottom: 12px; overflow: hidden; position: relative; border: 1px solid var(--wva-border); animation: wva-enter 0.5s ease both; } /* Elementos decorativos de fondo via pseudo-elementos */ .wva-hero::before { content: '★'; position: absolute; pointer-events: none; user-select: none; font-size: 110px; opacity: 0.04; color: #fff; line-height: 1; right: -15px; top: -25px; animation: wva-float 8s ease-in-out infinite; } .wva-hero::after { content: '⚡'; position: absolute; pointer-events: none; user-select: none; font-size: 70px; opacity: 0.035; color: #fff; line-height: 1; left: -8px; bottom: -15px; transform: rotate(-15deg); animation: wva-float 10s ease-in-out infinite reverse; } .wva-hero-region { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: var(--wva-cyan); margin-bottom: 5px; position: relative; z-index: 1; } .wva-hero-title { font-size: 30px; font-weight: 800; color: #fff; line-height: 1.1; margin: 0 0 5px; padding: 0; border: none; position: relative; z-index: 1; text-shadow: 0 0 30px rgba(255, 0, 187, 0.2); } .wva-hero-sub { font-size: 13.5px; color: var(--wva-muted); line-height: 1.7; margin-bottom: 14px; position: relative; z-index: 1; } .wva-hero-badges { display: flex; gap: 7px; flex-wrap: wrap; position: relative; z-index: 1; } .wva-hbadge { font-size: 11.5px; font-weight: 600; padding: 3px 11px; border-radius: 20px; border: 1px solid; } .wva-hb-pink { border-color: var(--wva-pink); color: var(--wva-pink); background: rgba(255,0,187,0.10); } .wva-hb-cyan { border-color: var(--wva-cyan); color: var(--wva-cyan); background: rgba(0,229,255,0.10); } .wva-hb-yellow { border-color: var(--wva-yellow); color: var(--wva-yellow); background: rgba(255,230,0,0.10); } .wva-hb-green { border-color: var(--wva-green); color: var(--wva-green); background: rgba(57,255,20,0.08); } .wva-hb-purple { border-color: var(--wva-purple); color: #C57FFF; background: rgba(122,0,255,0.10); } .wva-hb-orange { border-color: var(--wva-orange); color: var(--wva-orange); background: rgba(255,186,0,0.10); } /* ════════════════════════════════ SECTION — Contenedor de sección ════════════════════════════════ */ .wva-section { background: var(--wva-panel); border-radius: 14px; margin-bottom: 10px; border: 1px solid var(--wva-border); overflow: hidden; position: relative; transition: border-color 0.25s; animation: wva-enter 0.4s ease both; } .wva-section:hover { border-color: rgba(255,255,255,0.14); } .wva-section:nth-child(2) { animation-delay: 0.05s; } .wva-section:nth-child(3) { animation-delay: 0.10s; } .wva-section:nth-child(4) { animation-delay: 0.15s; } .wva-section:nth-child(5) { animation-delay: 0.20s; } .wva-section:nth-child(6) { animation-delay: 0.25s; } /* Decorativos de fondo por variante de color */ .wva-section::before, .wva-section::after { position: absolute; pointer-events: none; user-select: none; line-height: 1; z-index: 0; font-size: 72px; } .wva-s-cyan::before { content:'★ ★'; color:var(--wva-cyan); opacity:0.045; top:-12px; right:6px; animation:wva-float 9s ease-in-out infinite; } .wva-s-cyan::after { content:'⚡'; color:var(--wva-cyan); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-12deg); animation:wva-float 11s ease-in-out infinite reverse; } .wva-s-yellow::before { content:'★ ◆'; color:var(--wva-yellow); opacity:0.045; top:-12px; right:6px; animation:wva-float 10s ease-in-out infinite; } .wva-s-yellow::after { content:'✦'; color:var(--wva-yellow); opacity:0.04; bottom:-8px; left:2px; transform:rotate(8deg); animation:wva-float 13s ease-in-out infinite reverse; } .wva-s-pink::before { content:'★ ♥'; color:var(--wva-pink); opacity:0.05; top:-12px; right:6px; animation:wva-float 8s ease-in-out infinite; } .wva-s-pink::after { content:'⚡'; color:var(--wva-pink); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-10deg); animation:wva-float 10s ease-in-out infinite reverse; } .wva-s-green::before { content:'✦ ✦'; color:var(--wva-green); opacity:0.045; top:-12px; right:6px; animation:wva-float 9s ease-in-out infinite; } .wva-s-green::after { content:'★'; color:var(--wva-green); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-8deg); animation:wva-float 12s ease-in-out infinite reverse; } .wva-s-purple::before { content:'♦ ★'; color:var(--wva-purple); opacity:0.05; top:-12px; right:6px; animation:wva-float 11s ease-in-out infinite; } .wva-s-purple::after { content:'⚡'; color:var(--wva-purple); opacity:0.04; bottom:-10px; left:2px; transform:rotate(-14deg); animation:wva-float 9s ease-in-out infinite reverse; } .wva-s-orange::before { content:'★ ◆'; color:var(--wva-orange); opacity:0.045; top:-12px; right:6px; animation:wva-float 10s ease-in-out infinite; } .wva-s-orange::after { content:'✦'; color:var(--wva-orange); opacity:0.04; bottom:-8px; left:2px; transform:rotate(5deg); animation:wva-float 13s ease-in-out infinite reverse; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wva-sh { display: flex; align-items: center; gap: 10px; padding: 10px 14px; border-bottom: 1px solid var(--wva-border); position: relative; z-index: 1; } .wva-sh-icon { font-size: 17px; flex-shrink: 0; } .wva-sh-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.07em; margin: 0; padding: 0; border: none; } .wva-sh-count { margin-left: auto; font-size: 11px; font-weight: 600; opacity: 0.45; flex-shrink: 0; color: var(--wva-muted); } .wva-sh-cyan { background: rgba(0,229,255,0.10); border-left: 3px solid var(--wva-cyan); } .wva-sh-cyan .wva-sh-title { color: var(--wva-cyan); } .wva-sh-yellow { background: rgba(255,230,0,0.09); border-left: 3px solid var(--wva-yellow); } .wva-sh-yellow .wva-sh-title { color: var(--wva-yellow); } .wva-sh-pink { background: rgba(255,0,187,0.09); border-left: 3px solid var(--wva-pink); } .wva-sh-pink .wva-sh-title { color: var(--wva-pink); } .wva-sh-green { background: rgba(57,255,20,0.07); border-left: 3px solid var(--wva-green); } .wva-sh-green .wva-sh-title { color: var(--wva-green); } .wva-sh-purple { background: rgba(122,0,255,0.10); border-left: 3px solid var(--wva-purple); } .wva-sh-purple .wva-sh-title { color: #C57FFF; } .wva-sh-orange { background: rgba(255,186,0,0.09); border-left: 3px solid var(--wva-orange); } .wva-sh-orange .wva-sh-title { color: var(--wva-orange); } /* ════════════════════════════════ BODY — Texto del cuerpo ════════════════════════════════ */ .wva-body { padding: 14px; position: relative; z-index: 1; font-size: 13.5px; line-height: 1.78; color: var(--wva-muted); } .wva-body p { margin-bottom: 8px; } .wva-body p:last-child { margin-bottom: 0; } .wva-body strong { color: #fff; } .wva-body em { color: rgba(232,224,255,0.85); font-style: italic; } .wva-body a { color: var(--wva-cyan); text-decoration: none; border-bottom: 1px solid rgba(0,229,255,0.3); } .wva-body a:hover { border-color: var(--wva-cyan); } /* Con imagen en esquina — añadir padding derecho */ .wva-has-corner .wva-body { padding-right: 130px; } /* ── Imagen en esquina ── */ .wva-corner { position: absolute; bottom: 0; right: 0; pointer-events: none; z-index: 2; } .wva-corner figure { float: none !important; margin: 0 !important; } .wva-corner img { display: block !important; height: auto !important; } /* ════════════════════════════════ LISTINGS — Items de listado ════════════════════════════════ */ .wva-list { padding: 0 14px 8px; position: relative; z-index: 1; } .wva-item { display: flex; gap: 11px; padding: 10px 6px 10px 0; border-bottom: 1px solid var(--wva-border); align-items: flex-start; transition: padding-left 0.18s, background 0.18s, border-radius 0.18s; cursor: default; } .wva-item:last-child { border-bottom: none; } .wva-item:hover { padding-left: 8px; background: rgba(255,255,255,0.03); border-radius: 8px; } .wva-iicon { width: 38px; height: 38px; border-radius: 9px; display: flex; align-items: center; justify-content: center; font-size: 18px; flex-shrink: 0; transition: transform 0.18s; } .wva-item:hover .wva-iicon { transform: scale(1.08); } .wva-ic-cyan { background: rgba(0,229,255,0.10); border: 1px solid rgba(0,229,255,0.22); } .wva-ic-yellow { background: rgba(255,230,0,0.08); border: 1px solid rgba(255,230,0,0.22); } .wva-ic-pink { background: rgba(255,0,187,0.08); border: 1px solid rgba(255,0,187,0.22); } .wva-ic-green { background: rgba(57,255,20,0.06); border: 1px solid rgba(57,255,20,0.22); } .wva-ic-purple { background: rgba(122,0,255,0.10); border: 1px solid rgba(122,0,255,0.25); } .wva-ic-orange { background: rgba(255,186,0,0.08); border: 1px solid rgba(255,186,0,0.22); } .wva-iname { font-size: 13.5px; font-weight: 700; color: #fff; margin-bottom: 3px; line-height: 1.3; } .wva-idesc { font-size: 12.5px; color: var(--wva-muted); line-height: 1.52; } .wva-itags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 5px; } /* ── Tags / Chips ── */ .wva-tag { font-size: 10.5px; padding: 1px 8px; border-radius: 20px; font-weight: 600; border: 1px solid; } .wva-t-cyan { background: rgba(0,229,255,0.08); border-color: rgba(0,229,255,0.25); color: var(--wva-cyan); } .wva-t-yellow { background: rgba(255,230,0,0.07); border-color: rgba(255,230,0,0.25); color: var(--wva-yellow); } .wva-t-pink { background: rgba(255,0,187,0.07); border-color: rgba(255,0,187,0.25); color: var(--wva-pink); } .wva-t-green { background: rgba(57,255,20,0.06); border-color: rgba(57,255,20,0.25); color: var(--wva-green); } .wva-t-purple { background: rgba(122,0,255,0.08); border-color: rgba(122,0,255,0.25); color: #C57FFF; } .wva-t-orange { background: rgba(255,186,0,0.07); border-color: rgba(255,186,0,0.25); color: var(--wva-orange); } .wva-t-gray { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.15); color: rgba(232,224,255,0.7); } /* ════════════════════════════════ GRID 2 COLUMNAS ════════════════════════════════ */ .wva-grid2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 0 14px 14px; position: relative; z-index: 1; } .wva-gcard { background: rgba(255,255,255,0.04); border: 1px solid var(--wva-border); border-radius: 9px; padding: 11px; transition: border-color 0.18s, background 0.18s; cursor: default; } .wva-gcard:hover { border-color: rgba(255,255,255,0.15); background: rgba(255,255,255,0.06); } .wva-gcard-name { font-size: 13px; font-weight: 700; color: #fff; margin-bottom: 3px; } .wva-gcard-desc { font-size: 12px; color: var(--wva-muted); line-height: 1.52; } .wva-gcard-tag { display: inline-block; margin-top: 7px; } /* ════════════════════════════════ TIP / CALLOUT ════════════════════════════════ */ .wva-tip { margin: 0 14px 12px; padding: 10px 13px; border-radius: 8px; display: flex; gap: 10px; align-items: flex-start; position: relative; z-index: 1; } .wva-tip:first-child { margin-top: 2px; } .wva-tip-cyan { background: rgba(0,229,255,0.05); border: 1px solid rgba(0,229,255,0.2); border-left: 3px solid var(--wva-cyan); } .wva-tip-yellow { background: rgba(255,230,0,0.06); border: 1px solid rgba(255,230,0,0.2); border-left: 3px solid var(--wva-yellow); } .wva-tip-pink { background: rgba(255,0,187,0.05); border: 1px solid rgba(255,0,187,0.2); border-left: 3px solid var(--wva-pink); } .wva-tip-green { background: rgba(57,255,20,0.04); border: 1px solid rgba(57,255,20,0.2); border-left: 3px solid var(--wva-green); } .wva-tip-purple { background: rgba(122,0,255,0.06); border: 1px solid rgba(122,0,255,0.2); border-left: 3px solid var(--wva-purple); } .wva-tip-orange { background: rgba(255,186,0,0.06); border: 1px solid rgba(255,186,0,0.2); border-left: 3px solid var(--wva-orange); } .wva-tip-em { font-size: 17px; flex-shrink: 0; margin-top: 1px; } .wva-tip-txt { font-size: 12.5px; color: rgba(232,224,255,0.88); line-height: 1.62; } .wva-tip-txt strong { color: #fff; } /* ════════════════════════════════ ANIMACIONES ════════════════════════════════ */ @keyframes wva-enter { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes wva-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } /* Versión para elements con transform inicial (no sobreescribe) */ @keyframes wva-float-rot { 0%,100% { transform: rotate(var(--rot, -12deg)) translateY(0); } 50% { transform: rotate(var(--rot, -12deg)) translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 720px) { .wva-hero-title { font-size: 24px; } .wva-grid2 { grid-template-columns: 1fr; } } @media (max-width: 520px) { .wva-hero { padding: 16px 14px 14px; } .wva-hero-title { font-size: 20px; } .wva-has-corner .wva-body { padding-right: 14px; } .wva-corner { display: none; } .wva-sh { padding: 9px 12px; } .wva-body { padding: 12px; font-size: 13px; } .wva-list { padding: 0 12px 6px; } .wva-tip { margin: 0 12px 10px; } .wva-grid2 { padding: 0 12px 12px; } } /* ════════════════════════════════════════════════════════════════ WVA ARTICLE SYSTEM ════════════════════════════════════════════════════════════════ */ /* ─── VARIABLES ─── */ :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; /* border-radius base */ --rsm: 6px; --rlg: 14px; } /* ─── RESET INTERNO ─── */ .wva { font-family: 'Segoe UI', Arial, sans-serif; color: var(--bk); } .wva * { box-sizing: border-box; } /* ─── ANIMACIONES ─── */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-10px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,0.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-4px)} } /* ════════════════════════════════ HERO — Layout 80/20 ════════════════════════════════ */ .wva-hero { display: grid; grid-template-columns: 80fr 20fr; min-height: 300px; border-bottom: var(--bd); overflow: hidden; position: relative; animation: wva-in 0.6s ease both; } /* ── Columna izquierda 80% ── */ .wva-hero-content { background: var(--yw); position: relative; padding: 30px 32px 44px; overflow: hidden; } /* Dot pattern sobre el amarillo */ .wva-hero-content::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0,0,0,0.12) 1.5px, transparent 1.5px); background-size: 22px 22px; z-index: 0; } /* Corte diagonal derecho (transición hacia la imagen) */ .wva-hero-content::after { content: ''; position: absolute; right: -30px; top: 0; bottom: 0; width: 60px; background: var(--yw); transform: skewX(-6deg); z-index: 2; /* Sombra interna para dar profundidad al corte */ box-shadow: 4px 0 20px rgba(0,0,0,0.25); } .wva-hero-inner { position: relative; z-index: 3; max-width: 600px; } /* Etiqueta de región */ .wva-hero-loc { display: inline-block; background: var(--bk); color: var(--yw); font-size: 11px; font-weight: 900; padding: 4px 14px; border-radius: var(--rsm); text-transform: uppercase; letter-spacing: 0.09em; margin-bottom: 12px; } /* Título principal */ .wva-hero-h { font-size: 54px; font-weight: 900; color: var(--bk); line-height: 0.9; margin-bottom: 4px; border: none; padding: 0; /* Sombra rosa para efecto game */ text-shadow: 4px 4px 0 rgba(255,0,187,0.2); } .wva-hero-h em { color: var(--pk); font-style: normal; display: block; font-size: 18px; font-weight: 900; margin-top: 7px; letter-spacing: 0.02em; } .wva-hero-desc { font-size: 13.5px; color: rgba(0,0,0,0.7); line-height: 1.68; max-width: 520px; margin-bottom: 16px; } /* Tags del hero */ .wva-hero-tags { display: flex; gap: 7px; flex-wrap: wrap; } .wva-hero-tag { background: var(--bk); color: var(--yw); font-size: 11.5px; font-weight: 700; padding: 4px 13px; border-radius: 20px; } /* ── Columna derecha 20% (imagen) ── */ .wva-hero-img { position: relative; overflow: hidden; min-height: 250px; } /* Overlay: degradado amarillo desde la izquierda + oscurecimiento */ .wva-hero-img::before { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to right, rgba(255,230,0,0.92) 0%, rgba(255,0,187,0.2) 35%, transparent 70%), linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, transparent 30%, rgba(0,0,0,0.35) 100%); } /* Viñeta negra interior (efecto "bordes de imagen del juego") */ .wva-hero-img::after { content: ''; position: absolute; inset: 0; z-index: 3; box-shadow: inset 10px 0 30px rgba(0,0,0,0.6), inset -4px 0 16px rgba(0,0,0,0.25), inset 0 -12px 24px rgba(0,0,0,0.35), inset 0 12px 20px rgba(0,0,0,0.2); } /* Forzar que las imágenes wiki llenen el panel */ .wva-hero-img figure, .wva-hero-img .mw-file-description, .wva-hero-img a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wva-hero-img img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; /* Filtros: mayor contraste, saturación intensa, ligero toque rosa */ filter: contrast(1.3) saturate(1.7) brightness(0.75) hue-rotate(-10deg); } /* ════════════════════════════════ FICHA TÉCNICA — Stats bar oscura ════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in 0.5s ease 0.08s both; } .wva-fb-t { font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255,255,255,0.45); margin-bottom: 6px; } .wva-fb-info { font-size: 12.5px; line-height: 1.7; color: rgba(255,255,255,0.82); } .wva-fb-info strong { color: var(--yw); font-weight: 700; } /* Filas de stats */ .wva-sr { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; } .wva-sl { font-size: 11px; font-weight: 800; width: 46px; color: rgba(255,255,255,0.6); text-transform: uppercase; } .wva-sg { font-size: 14px; font-weight: 900; width: 30px; } .wva-sb { flex: 1; height: 7px; background: rgba(255,255,255,0.1); border: 1.5px solid rgba(255,255,255,0.2); border-radius: 4px; overflow: hidden; } .wva-sf { height: 100%; border-radius: 4px; animation: wva-bar 0.9s ease 0.3s both; } .sf-pk { background: var(--pk); } .sf-yw { background: var(--yw); } .sf-gn { background: var(--gn); } .sf-bl { background: var(--bl); } .sf-or { background: var(--or); } .sf-rd { background: var(--rd); } /* ════════════════════════════════ SECTION — Contenedor de sección ════════════════════════════════ */ .wva-sec { border-bottom: var(--bd); overflow: hidden; animation: wva-in 0.5s ease both; position: relative; } /* Fondo amarillo con dot pattern */ .wva-sec.bg-yw { background: var(--yw); } .wva-sec.bg-yw::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: radial-gradient(circle, rgba(0,0,0,0.12) 1.5px, transparent 1.5px); background-size: 22px 22px; } .wva-sec.bg-yw > * { position: relative; z-index: 1; } /* Fondos por sección */ .bg-w { background: #FFFFFF; } .bg-cr { background: #FFF8F0; } .bg-war { background: #FFF5F5; } .bg-mn { background: #FFFDE7; } .bg-sc { background: #FFF0F8; background-image: radial-gradient(circle, rgba(255,0,187,0.07) 1.5px, transparent 1.5px); background-size: 20px 20px; } .bg-hl { background: #F0FFF4; } .bg-mv { background: #F8F8FF; } .bg-ar { background: #F0F9FF; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wva-sh { display: flex; align-items: center; gap: 10px; padding: 10px 20px; border-bottom: var(--bd2); position: relative; overflow: hidden; } .wva-sh .ico { font-size: 17px; flex-shrink: 0; } .wva-sh-t { font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; margin: 0; padding: 0; border: none; } .wva-sh-c { margin-left: auto; font-size: 11px; font-weight: 700; opacity: 0.5; flex-shrink: 0; } /* NEGRO con amarillo (estilo "SQUAD") */ .sh-bk { background: var(--bk); } .sh-bk .wva-sh-t, .sh-bk .wva-sh-c, .sh-bk .ico { color: var(--yw); } /* Dot pattern sutil en header negro */ .sh-bk::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,0.08) 1px, transparent 1px); background-size: 14px 14px; } .sh-bk .wva-sh-t, .sh-bk .wva-sh-c, .sh-bk .ico { position: relative; z-index: 1; } /* AMARILLO con negro (estilo "VANGUARD") */ .sh-yw { background: var(--yw); } .sh-yw::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(0,0,0,0.1) 1px, transparent 1px); background-size: 14px 14px; } .sh-yw .wva-sh-t, .sh-yw .wva-sh-c, .sh-yw .ico { color: var(--bk); position: relative; z-index: 1; } /* Variantes de color */ .sh-pk { background: var(--pk); } .sh-pk .wva-sh-t, .sh-pk .wva-sh-c { color: #fff; } .sh-rd { background: var(--rd); } .sh-rd .wva-sh-t, .sh-rd .wva-sh-c { color: #fff; } .sh-bl { background: var(--bl); } .sh-bl .wva-sh-t, .sh-bl .wva-sh-c { color: #fff; } .sh-gn { background: var(--gn); } .sh-gn .wva-sh-t, .sh-gn .wva-sh-c { color: #fff; } .sh-or { background: var(--or); } .sh-or .wva-sh-t, .sh-or .wva-sh-c { color: #fff; } .sh-pu { background: var(--pu); } .sh-pu .wva-sh-t, .sh-pu .wva-sh-c { color: #fff; } .sh-cy { background: var(--cy); } .sh-cy .wva-sh-t { color: var(--bk); } /* ════════════════════════════════ SUB-ENCABEZADO ════════════════════════════════ */ .wva-sub { display: flex; align-items: center; gap: 8px; padding: 8px 20px 4px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.07em; color: var(--mu); } .wva-sub-line { flex: 1; height: 1.5px; background: rgba(0,0,0,0.12); border-radius: 2px; } /* ════════════════════════════════ TEXTO DE CUERPO ════════════════════════════════ */ .wva-body { padding: 12px 20px; font-size: 13.5px; line-height: 1.75; color: #444; } .wva-body p { margin-bottom: 7px; } .wva-body p:last-child { margin: 0; } .wva-body strong { color: var(--bk); font-weight: 700; } /* ════════════════════════════════ LAYOUT 2 COLUMNAS (texto) ════════════════════════════════ */ .wva-2c { padding: 12px 20px; display: grid; grid-template-columns: 1fr 1fr; gap: 0 22px; font-size: 13px; line-height: 1.72; color: #444; } .wva-2c p { margin-bottom: 7px; } .wva-2c strong { color: var(--bk); font-weight: 700; } /* ════════════════════════════════ GRIDS RESPONSIVOS ════════════════════════════════ */ .g { padding: 12px 20px; } .g-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; } .g-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; } .g-a { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; } .g-r { display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 8px; } .g-sm { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; } /* ════════════════════════════════ PRACTICAL TIP CARD ════════════════════════════════ */ .ptip { border: var(--bd2); background: var(--wh); border-radius: var(--r); overflow: hidden; transition: transform 0.15s, box-shadow 0.15s; cursor: default; animation: wva-pop 0.4s ease both; } .ptip:hover { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--bk); } .ptip-h { padding: 6px 12px; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; display: flex; align-items: center; gap: 5px; border-bottom: var(--bd2); } .ptip-b { padding: 10px 12px; font-size: 12.5px; line-height: 1.58; color: #333; } .ptip-b strong { color: var(--bk); font-weight: 700; } .ptip-warn .ptip-h { background: var(--rd); color: #fff; } .ptip-warn { border-color: var(--rd); } .ptip-money .ptip-h { background: var(--yw); color: var(--bk); } .ptip-tip .ptip-h { background: var(--cy); color: var(--bk); } .ptip-tip { border-color: var(--cy); } .ptip-ok .ptip-h { background: var(--gn); color: #fff; } .ptip-ok { border-color: var(--gn); } .ptip-info .ptip-h { background: var(--bl); color: #fff; } .ptip-info { border-color: var(--bl); } .ptip-or .ptip-h { background: var(--or); color: #fff; } .ptip-or { border-color: var(--or); } .ptip-pu .ptip-h { background: var(--pu); color: #fff; } .ptip-pu { border-color: var(--pu); } .ptip-bk .ptip-h { background: var(--bk); color: var(--yw); } .ptip-bk { border-color: var(--bk); } /* ════════════════════════════════ TALENT CARD (secretos) ════════════════════════════════ */ .tcard { border: var(--bd2); background: var(--wh); border-radius: var(--r); padding: 12px; overflow: hidden; position: relative; animation: wva-pop 0.4s ease both; transition: transform 0.15s, box-shadow 0.15s; cursor: default; } .tcard:hover { transform: translateY(-4px); box-shadow: 4px 4px 0 var(--bk); } .tcard.hot { border-color: var(--pk); background: #FFF4FA; animation: wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display: inline-block; font-size: 10px; font-weight: 900; text-transform: uppercase; padding: 2px 8px; border-radius: var(--rsm); border: 1.5px solid var(--bk); margin-bottom: 7px; } .tcard-title { font-size: 14px; font-weight: 900; color: var(--bk); margin-bottom: 8px; line-height: 1.2; } .tcard-stats { margin-bottom: 7px; } .tsr { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; } .tsl { font-size: 10.5px; font-weight: 800; width: 50px; text-transform: uppercase; color: var(--bk); } .tsg { font-size: 13px; font-weight: 900; width: 26px; } .tsb { flex: 1; height: 6px; background: #eee; border: 1.5px solid #ccc; border-radius: 3px; overflow: hidden; } .tsf { height: 100%; border-radius: 3px; animation: wva-bar 0.8s ease 0.5s both; } .tcard-text { font-size: 12px; color: #444; line-height: 1.55; margin-bottom: 8px; } .tcard-tags { display: flex; gap: 4px; flex-wrap: wrap; } /* ════════════════════════════════ REGION CARD ════════════════════════════════ */ .rcard { border: var(--bd2); background: var(--wh); padding: 10px 12px 10px 14px; border-left-width: 5px; border-radius: var(--r); cursor: default; transition: transform 0.15s, box-shadow 0.15s; animation: wva-pop 0.35s ease both; } .rcard:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 var(--bk); } .rcard-name { font-size: 13px; font-weight: 800; color: var(--bk); margin-bottom: 2px; } .rcard-desc { font-size: 11.5px; color: var(--mu); line-height: 1.45; } /* ════════════════════════════════ CITY CARD ════════════════════════════════ */ .ccard { border: var(--bd2); background: var(--wh); padding: 11px 12px; border-radius: var(--r); cursor: default; transition: transform 0.15s, box-shadow 0.15s, border-color 0.15s; animation: wva-pop 0.4s ease both; } .ccard:hover { transform: translateY(-2px); box-shadow: 3px 3px 0 var(--bk); border-color: var(--pk); } .ccard-badge { display: inline-block; font-size: 10px; font-weight: 800; padding: 1px 7px; border-radius: var(--rsm); border: 1.5px solid var(--bk); background: var(--yw); color: var(--bk); margin-bottom: 4px; } .ccard-badge.pk { background: var(--pk); color: #fff; } .ccard-name { font-size: 13px; font-weight: 800; color: var(--bk); margin-bottom: 2px; } .ccard-desc { font-size: 11.5px; color: var(--mu); line-height: 1.5; } /* ════════════════════════════════ TRANSPORT CARD ════════════════════════════════ */ .tport { border: var(--bd2); background: var(--wh); padding: 12px 14px; border-radius: var(--r); display: flex; flex-direction: column; gap: 6px; cursor: default; transition: transform 0.15s, box-shadow 0.15s; animation: wva-pop 0.4s ease both; position: relative; overflow: hidden; } .tport::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; border-radius: var(--r) 0 0 var(--r); } .tport:hover { transform: translateY(-3px); box-shadow: 4px 4px 0 var(--bk); } .tport-icon { font-size: 24px; line-height: 1; } .tport-name { font-size: 13px; font-weight: 800; color: var(--bk); } .tport-desc { font-size: 12px; color: var(--mu); line-height: 1.5; flex: 1; } .tport-tags { display: flex; gap: 5px; flex-wrap: wrap; } .tp-bl::before { background: var(--bl); } .tp-or::before { background: var(--or); } .tp-gn::before { background: var(--gn); } .tp-rd::before { background: var(--rd); } .tp-pk::before { background: var(--pk); } .tp-pu::before { background: var(--pu); } .tp-cy::before { background: var(--cy); } .tp-yw::before { background: var(--yw); } .tp-bk::before { background: var(--bk); } /* ════════════════════════════════ ALERT / CALLOUT ════════════════════════════════ */ .wva-al { margin: 0 20px; padding: 10px 13px; border: var(--bd2); border-left-width: 4px; border-radius: var(--r); display: flex; gap: 10px; align-items: flex-start; animation: wva-sl 0.4s ease both; } .wva-al + .wva-al { margin-top: 8px; } .wva-al:last-of-type { margin-bottom: 12px; } .a-warn { border-color: var(--rd); background: #FFF5F5; } .a-tip { border-color: var(--cy); background: #F0FDFF; } .a-ok { border-color: var(--gn); background: #F0FFF4; } .a-money { border-color: #F5A000; background: #FFFDE7; } .a-info { border-color: var(--bl); background: #F0F8FF; } .a-pink { border-color: var(--pk); background: #FFF0F8; } .a-bk { border-color: var(--bk); background: #F8F8F0; } .al-em { font-size: 18px; flex-shrink: 0; margin-top: 1px; animation: wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size: 12.5px; color: #333; line-height: 1.62; } .al-txt strong { color: var(--bk); font-weight: 700; } /* ════════════════════════════════ LIST ITEMS ════════════════════════════════ */ .wva-list { padding: 0 20px 12px; } .wva-li { display: flex; gap: 11px; padding: 10px 0; border-bottom: 1.5px solid rgba(0,0,0,0.08); align-items: flex-start; transition: padding-left 0.14s; cursor: default; } .wva-li:last-child { border-bottom: none; } .wva-li:hover { padding-left: 6px; } .wva-li-ico { width: 36px; height: 36px; border: var(--bd2); border-radius: var(--rsm); display: flex; align-items: center; justify-content: center; font-size: 17px; flex-shrink: 0; background: var(--wh); transition: transform 0.14s; } .wva-li:hover .wva-li-ico { transform: scale(1.06); } .wva-li-name { font-size: 13.5px; font-weight: 700; color: var(--bk); margin-bottom: 2px; } .wva-li-desc { font-size: 12.5px; color: var(--mu); line-height: 1.5; } .wva-li-tags { display: flex; gap: 5px; flex-wrap: wrap; margin-top: 4px; } /* ════════════════════════════════ TAGS / PILLS ════════════════════════════════ */ .tag { font-size: 10.5px; font-weight: 800; padding: 2px 9px; border: 1.5px solid var(--bk); border-radius: var(--rsm); } .t-pk { background: var(--pk); color: #fff; } .t-yw { background: var(--yw); color: var(--bk); } .t-cy { background: var(--cy); color: var(--bk); } .t-gn { background: var(--gn); color: #fff; } .t-rd { background: var(--rd); color: #fff; } .t-bl { background: var(--bl); color: #fff; } .t-or { background: var(--or); color: #fff; } .t-pu { background: var(--pu); color: #fff; } .t-wh { background: var(--wh); color: var(--bk); } .t-bk { background: var(--bk); color: var(--wh); } /* ════════════════════════════════ NEXT DESTINATIONS ════════════════════════════════ */ .wva-next { padding: 14px 20px; display: flex; flex-wrap: wrap; gap: 8px; } .ncard { background: var(--wh); border: var(--bd2); border-radius: var(--r); padding: 10px 18px; font-size: 13px; font-weight: 800; color: var(--bk); cursor: default; transition: background 0.14s, transform 0.14s, box-shadow 0.14s; } .ncard:hover { background: var(--yw); transform: translateY(-2px); box-shadow: 3px 3px 0 var(--bk); } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wva-hero { grid-template-columns: 1fr; } .wva-hero-img { display: none; } .wva-hero-content::after { display: none; } .wva-hero-h { font-size: 38px; } .g-2, .g-3 { grid-template-columns: 1fr; } .wva-2c { grid-template-columns: 1fr; } .wva-ficha { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 480px) { .wva-hero-content { padding: 20px 14px 28px; } .wva-hero-h { font-size: 28px; } .wva-ficha { padding: 12px 14px; grid-template-columns: 1fr 1fr; } .g, .wva-body, .wva-2c, .wva-list, .wva-next, .wva-sub { padding-left: 14px; padding-right: 14px; } .wva-al { margin-left: 14px; margin-right: 14px; } .wva-sh, .wva-sub { padding-left: 14px; padding-right: 14px; } .g-a, .g-r, .g-sm { grid-template-columns: 1fr 1fr; } } 2nl4378g1eegylr1779zma0nj97psmp 253514 253512 2026-05-18T21:04:07Z Jsmura 5370 253514 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO — 80 / 20 ══════════════════════════════════════════════════════ */ .wva-hero { display: grid; grid-template-columns: 80fr 20fr; min-height: 310px; border-bottom: var(--bd); overflow: hidden; animation: wva-in .65s ease both; } /* Columna izquierda 80% */ .wva-hc { background: var(--yw); position: relative; padding: 32px 32px 48px; overflow: hidden; } /* Dot pattern sobre amarillo */ .wva-hc::before { content: ''; position: absolute; inset: 0; pointer-events: none; z-index: 0; background-image: radial-gradient(circle, rgba(0,0,0,.13) 1.5px, transparent 1.5px); background-size: 22px 22px; } /* Corte diagonal derecho + sombra de profundidad */ .wva-hc::after { content: ''; position: absolute; right: -28px; top: 0; bottom: 0; width: 56px; background: var(--yw); transform: skewX(-5deg); z-index: 2; box-shadow: 6px 0 22px rgba(0,0,0,.28); } .wva-hi { position: relative; z-index: 3; } .wva-hi-loc { display: inline-block; background: var(--bk); color: var(--yw); font-size: 11px; font-weight: 900; padding: 4px 14px; border-radius: var(--rsm); text-transform: uppercase; letter-spacing: .09em; margin-bottom: 12px; } .wva-hi-h { font-size: 56px; font-weight: 900; color: var(--bk); line-height: .9; margin-bottom: 4px; border: none; padding: 0; text-shadow: 4px 4px 0 rgba(255,0,187,.22); } .wva-hi-h em { color: var(--pk); font-style: normal; display: block; font-size: 18px; font-weight: 900; margin-top: 8px; letter-spacing: .02em; } .wva-hi-desc { font-size: 13.5px; color: rgba(0,0,0,.7); line-height: 1.68; max-width: 520px; margin-bottom: 16px; } .wva-hi-tags { display: flex; gap: 7px; flex-wrap: wrap; } .wva-hi-tag { background: var(--bk); color: var(--yw); font-size: 11.5px; font-weight: 700; padding: 4px 14px; border-radius: 20px; } /* Columna derecha 20% — imagen */ .wva-himg { position: relative; overflow: hidden; min-height: 250px; } .wva-himg::before { content: ''; position: absolute; inset: 0; z-index: 2; background: linear-gradient(to right, rgba(255,230,0,.92) 0%, rgba(255,0,187,.2) 38%, transparent 75%), linear-gradient(to bottom, rgba(0,0,0,.28) 0%, transparent 28%, rgba(0,0,0,.38) 100%); } .wva-himg::after { content: ''; position: absolute; inset: 0; z-index: 3; box-shadow: inset 12px 0 32px rgba(0,0,0,.65), inset -4px 0 16px rgba(0,0,0,.25), inset 0 -14px 28px rgba(0,0,0,.4), inset 0 14px 22px rgba(0,0,0,.22); } /* Decoración de texto sobre la imagen */ .wva-himg-deco { position: absolute; right: 8px; bottom: 12px; z-index: 4; font-size: 22px; letter-spacing: 6px; animation: wva-glw 3s ease-in-out infinite; writing-mode: vertical-rl; } .wva-himg img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; filter: contrast(1.3) saturate(1.8) brightness(.72) hue-rotate(-12deg); } /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } cxrpkp8hjkhuzm27k5l0b514d8jkm54 253515 253514 2026-05-18T21:07:38Z Jsmura 5370 253515 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO — 80 / 20 ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } r5uxyi1lf8gythw3awwnaj2piub4tlp 253516 253515 2026-05-18T21:12:51Z Jsmura 5370 253516 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *{box-sizing:border-box;margin:0;padding:0} :root{ --pk:#FF00BB;--yw:#FFE600;--cy:#00BFFF;--gn:#00C853; --or:#FF6B00;--rd:#FF2200;--pu:#7A00FF;--bl:#0099FF; --tx:#111;--mu:#555;--bd:2.5px solid #111; } .wva{font-family:'Segoe UI',Arial,sans-serif;color:var(--tx)} /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } 2orw14kwav3wyvufowqb9kfg9javoe7 253517 253516 2026-05-18T21:13:32Z Jsmura 5370 Deshecha la [[Especial:Diff/253516|edición 253516]] de [[Especial:Contribuciones/Jsmura|Jsmura]] ([[Usuario Discusión:Jsmura|disc.]]) 253517 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO — 80 / 20 ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } r5uxyi1lf8gythw3awwnaj2piub4tlp 253519 253517 2026-05-18T21:15:54Z Jsmura 5370 253519 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *{box-sizing:border-box;margin:0;padding:0} :root{ --pk:#FF00BB;--yw:#FFE600;--cy:#00BFFF;--gn:#00C853; --or:#FF6B00;--rd:#FF2200;--pu:#7A00FF;--bl:#0099FF; --tx:#111;--mu:#555;--bd:2.5px solid #111; } .wva{font-family:'Segoe UI',Arial,sans-serif;color:var(--tx)} /* ANIMS */ @keyframes in {from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}} @keyframes sl {from{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}} @keyframes pop {from{opacity:0;transform:scale(0.94)}to{opacity:1;transform:scale(1)}} @keyframes bar {from{width:0}to{width:var(--w,100%)}} @keyframes pls {0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,0.4)}60%{box-shadow:0 0 0 8px rgba(255,0,187,0)}} @keyframes glo {0%,100%{opacity:0.25}50%{opacity:0.12}} @keyframes bob {0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}} /* HERO */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* FICHA / STATS */ .wva-ficha{background:#fff;border-bottom:3px solid #111;padding:16px 20px; display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:16px; animation:in .5s ease .08s both} .wva-fb{} .wva-fb-t{font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);margin-bottom:5px} .wva-sr{display:flex;align-items:center;gap:6px;margin-bottom:3px} .wva-sl{font-size:11px;font-weight:800;width:46px;color:#111;text-transform:uppercase} .wva-sg{font-size:13px;font-weight:900;width:30px} .wva-sb{flex:1;height:7px;background:#eee;border:1.5px solid #ccc;overflow:hidden} .wva-sf{height:100%;animation:bar .9s ease .3s both} .sf-pk{background:var(--pk)}.sf-yw{background:var(--yw)}.sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)}.sf-or{background:var(--or)}.sf-rd{background:var(--rd)} .wva-fb-info{font-size:12.5px;line-height:1.7;color:#333} .wva-fb-info strong{color:#111;font-weight:700} /* SECTION */ .wva-sec{border-bottom:var(--bd);overflow:hidden;animation:in .5s ease both} .bg-w{background:#fff}.bg-cr{background:#FFF8F0}.bg-war{background:#FFF5F5} .bg-mn{background:#FFFDE7}.bg-sc{background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px); background-size:20px 20px} .bg-hl{background:#F0FFF4}.bg-mv{background:#F8F8FF}.bg-ar{background:#F0F9FF} /* SECTION HEADER */ .wva-sh{display:flex;align-items:center;gap:10px;padding:9px 20px;border-bottom:var(--bd)} .wva-sh .ico{font-size:17px;flex-shrink:0} .wva-sh-t{font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none} .wva-sh-c{margin-left:auto;font-size:11px;font-weight:700;opacity:.55;flex-shrink:0} .sh-yw{background:var(--yw)}.sh-yw .wva-sh-t{color:#111} .sh-pk{background:var(--pk)}.sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)}.sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)}.sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)}.sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)}.sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)}.sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)}.sh-cy .wva-sh-t{color:#111} /* GRIDS */ .g{padding:12px 20px}.g-2{display:grid;grid-template-columns:repeat(2,1fr);gap:10px} .g-3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px} .g-a{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px} .g-r{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px} .g-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px} /* PRACTICAL TIP CARD */ .ptip{border:2.5px solid #111;background:#fff;overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:pop .4s ease both} .ptip:hover{transform:translateY(-3px);box-shadow:4px 4px 0 #111} .ptip-h{padding:5px 11px;font-size:11px;font-weight:900;text-transform:uppercase; letter-spacing:.06em;display:flex;align-items:center;gap:5px;border-bottom:2px solid #111} .ptip-b{padding:9px 11px;font-size:12.5px;line-height:1.58;color:#333} .ptip-b strong{color:#111;font-weight:700} .ptip-warn .ptip-h{background:var(--rd);color:#fff}.ptip-warn{border-color:var(--rd)} .ptip-money .ptip-h{background:var(--yw);color:#111} .ptip-tip .ptip-h{background:var(--cy);color:#111}.ptip-tip{border-color:var(--cy)} .ptip-ok .ptip-h{background:var(--gn);color:#fff}.ptip-ok{border-color:var(--gn)} .ptip-info .ptip-h{background:var(--bl);color:#fff}.ptip-info{border-color:var(--bl)} .ptip-or .ptip-h{background:var(--or);color:#fff}.ptip-or{border-color:var(--or)} .ptip-pu .ptip-h{background:var(--pu);color:#fff}.ptip-pu{border-color:var(--pu)} /* TALENT / SECRET CARD */ .tcard{border:2.5px solid #111;background:#fff;padding:12px;overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:pop .4s ease both} .tcard:hover{transform:translateY(-4px);box-shadow:4px 4px 0 #111} .tcard.hot{border-color:var(--pk);background:#FFF4FA;animation:pls 2.5s ease-in-out infinite} .tcard-cat{display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border:1.5px solid #111;margin-bottom:7px} .tcard-title{font-size:14px;font-weight:900;color:#111;margin-bottom:8px;line-height:1.2} .tcard-stats{margin-bottom:7px} .tsr{display:flex;align-items:center;gap:6px;margin-bottom:3px} .tsl{font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:#111} .tsg{font-size:13px;font-weight:900;width:26px} .tsb{flex:1;height:6px;background:#eee;border:1.5px solid #ccc;overflow:hidden} .tsf{height:100%;animation:bar .8s ease .5s both} .tcard-text{font-size:12px;color:#444;line-height:1.55;margin-bottom:8px} .tcard-tags{display:flex;gap:4px;flex-wrap:wrap} /* REGION CARD */ .rcard{border:2.5px solid #111;background:#fff;padding:10px 12px 10px 14px; border-left-width:5px;cursor:default;transition:transform .15s,box-shadow .15s;animation:pop .35s ease both} .rcard:hover{transform:translateY(-2px);box-shadow:3px 3px 0 #111} .rcard-name{font-size:13px;font-weight:800;color:#111;margin-bottom:2px} .rcard-desc{font-size:11.5px;color:var(--mu);line-height:1.45} /* TRANSPORT CARD */ .tport{border:2.5px solid #111;background:#fff;padding:12px 14px; display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:pop .4s ease both;position:relative} .tport::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px} .tport:hover{transform:translateY(-3px);box-shadow:4px 4px 0 #111} .tport-ico{font-size:22px;line-height:1} .tport-name{font-size:13px;font-weight:800;color:#111} .tport-desc{font-size:12px;color:var(--mu);line-height:1.5;flex:1} .tport-tags{display:flex;gap:5px;flex-wrap:wrap} .tp-bl::before{background:var(--bl)}.tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)}.tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)}.tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)}.tp-yw::before{background:var(--yw)} /* ALERT BOX */ .wva-al{margin:0 20px;padding:10px 13px;border:2px solid;border-left-width:4px; display:flex;gap:10px;align-items:flex-start;animation:sl .4s ease both} .wva-al+.wva-al{margin-top:8px} .wva-al:last-of-type{margin-bottom:12px} .a-warn{border-color:var(--rd);background:#FFF5F5} .a-tip{border-color:var(--cy);background:#F0FDFF} .a-ok{border-color:var(--gn);background:#F0FFF4} .a-money{border-color:#F5A000;background:#FFFDE7} .a-info{border-color:var(--bl);background:#F0F8FF} .a-pink{border-color:var(--pk);background:#FFF0F8} .al-em{font-size:18px;flex-shrink:0;margin-top:1px;animation:bob 2s ease-in-out infinite} .al-txt{font-size:12.5px;color:#333;line-height:1.62} .al-txt strong{color:#111;font-weight:700} /* BODY TEXT */ .wva-body{padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444} .wva-body p{margin-bottom:7px}.wva-body p:last-child{margin:0} .wva-body strong{color:#111;font-weight:700} /* 2-COL TEXT */ .wva-2c{padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px; font-size:13px;line-height:1.72;color:#444} .wva-2c p{margin-bottom:7px}.wva-2c strong{color:#111;font-weight:700} /* LIST ITEMS */ .wva-list{padding:0 20px 12px} .wva-li{display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid #eee; align-items:flex-start;transition:padding-left .14s;cursor:default} .wva-li:last-child{border-bottom:none} .wva-li:hover{padding-left:6px} .wva-li-ico{width:36px;height:36px;border:2px solid #111; display:flex;align-items:center;justify-content:center; font-size:17px;flex-shrink:0;background:#fff;transition:transform .14s} .wva-li:hover .wva-li-ico{transform:scale(1.06)} .wva-li-name{font-size:13.5px;font-weight:700;color:#111;margin-bottom:2px} .wva-li-desc{font-size:12.5px;color:var(--mu);line-height:1.5} .wva-li-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px} /* TAGS */ .tag{font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid #111} .t-pk{background:var(--pk);color:#fff}.t-yw{background:var(--yw);color:#111} .t-cy{background:var(--cy);color:#111}.t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff}.t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff}.t-pu{background:var(--pu);color:#fff} .t-wh{background:#fff;color:#111}.t-bk{background:#111;color:#fff} /* SUB HEADER */ .wva-sub{display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu)} .wva-sub-line{flex:1;height:1px;background:#ddd} /* NEXT */ .wva-next{padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px} .ncard{background:#fff;border:2.5px solid #111;padding:10px 18px; font-size:13px;font-weight:800;color:#111;cursor:default; transition:background .14s,transform .14s,box-shadow .14s} .ncard:hover{background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 #111} /* RESPONSIVE */ @media(max-width:700px){ .wva-hi-h{font-size:30px}.g-2,.g-3{grid-template-columns:1fr} .wva-2c{grid-template-columns:1fr}.wva-ficha{grid-template-columns:repeat(2,1fr)}} @media(max-width:480px){ .wva-hero{padding:20px 14px 32px}.wva-hi-h{font-size:26px} .g,.wva-body,.wva-2c,.wva-list,.wva-al,.wva-next,.wva-sh,.wva-sub{padding-left:14px;padding-right:14px} .g-a,.g-r,.g-sm{grid-template-columns:1fr 1fr}.wva-ficha{padding:12px 14px}} a0o8yqyf63mz2w2qrnqca0gi9he9unb 253520 253519 2026-05-18T21:16:52Z Jsmura 5370 Deshecha la [[Especial:Diff/253519|edición 253519]] de [[Especial:Contribuciones/Jsmura|Jsmura]] ([[Usuario Discusión:Jsmura|disc.]]) 253520 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO — 80 / 20 ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } r5uxyi1lf8gythw3awwnaj2piub4tlp 253522 253520 2026-05-18T21:23:39Z Jsmura 5370 253522 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-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; overflow: hidden; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO — 80 / 20 ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } 7zxjsspeiv0dr8y5ohfmrbnvgo4t15e 253523 253522 2026-05-18T21:28:24Z Jsmura 5370 Deshecha la [[Especial:Diff/253522|edición 253522]] de [[Especial:Contribuciones/Jsmura|Jsmura]] ([[Usuario Discusión:Jsmura|disc.]]) 253523 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { max-width: 960px; margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } 7f5ejxh13jb7d2evjl3jpg9ify2eqhf 253524 253523 2026-05-18T21:30:38Z Jsmura 5370 253524 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; } /* ════════════════════════════════ Decorativos inline ════════════════════════════════ */ .badge-inline { 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; } .chip-inline { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .tag-inline { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .tag-inline:hover { background: #c5dff0; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .config-general * { box-sizing: border-box; } .config-general { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ── Force links icon ── */ .wv-doc-outer a:not(.image):not([href*="action=edit"]):not([href*="section="])::after, .config-general a:not(.image):not([href*="action=edit"]):not([href*="section="]):not([href*="/File:"]):not([href*="/Archivo:"])::after { content: ' [↗]'; font-size: 0.78em; opacity: 0.55; font-weight: normal; text-decoration: none; } .config-general a:has(img)::after{ content:none !important; } /* El enlace [editar] no participa en el flex */ .config-general .mw-editsection { font-size: 12px; font-weight: 400; white-space: nowrap; flex-shrink: 0; margin-left: auto; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover ════════════════════════════════ */ .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: inherit; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ Plantilla: Table awesome responsive ════════════════════════════════ */ .table-awesome { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .table-awesome thead tr { background: #006699; color: #fff; } .table-awesome thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .table-awesome tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .table-awesome tbody tr:last-child { border-bottom: none; } .table-awesome tbody tr:hover { background: #f0f7fc; } .table-awesome td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .table-awesome td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .table-awesome td a { color: #006699; font-weight: 600; text-decoration: none; } .table-awesome td a:hover { text-decoration: underline; } .table-awesome td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 80px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-list li::before { content: '✓'; width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS + hover ════════════════════════════════ */ .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 80px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════════════════════════════ ESTRUCTURAS EN COLUMNAS RESPONSIVE ════════════════════════════════════════════════════════ */ .cols-2-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .cols-20-80-grid { display: grid; grid-template-columns: 20% 80%; gap: 0; border: 0.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } .cols-3-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .cols-4-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } /* ════════════════════════════════════════════════════════ RESPONSIVE (GENERAL) ════════════════════════════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-tipo-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .table-awesome { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 700px) { .cols-20-80-grid { grid-template-columns: 1fr; grid-template-rows: auto 1fr; } .sp-sidebar { border-right: none; border-bottom: 0.5px solid #dde6ef; flex-direction: row; flex-wrap: wrap; padding: 8px; gap: 6px; } .sp-sidebar-label, .sp-sidebar-foot { display: none; } .sp-item { flex: 1 1 calc(50% - 3px); min-width: 0; padding: 8px 10px; justify-content: center; text-align: center; flex-direction: column; gap: 3px; } /* En mobile el indicador es borde inferior */ .sp-item.active::after { display: none; } .sp-item.active { border-bottom: 2px solid #006699; } .sp-item-icon img { margin: 0 auto; } .sp-item-hint { display: none; } .sp-content { padding: 16px; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .cols-4-grid { grid-template-columns: repeat(2, 1fr); } .table-awesome thead { display: none; } .table-awesome td { display: block; padding: 0.3rem 0.7rem; } .table-awesome td:first-child { padding-top: 0.7rem; } .table-awesome tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } @media (max-width: 420px) { .sp-item { flex: 1 1 100%; } } /* ════════════════════════════════ SELECTOR PANEL (20% / 80%) ════════════════════════════════ */ .sp-sidebar { background: #f5f7fa; border-right: 0.5px solid #dde6ef; padding: 10px 8px; display: flex; flex-direction: column; gap: 4px; } .sp-sidebar-label { font-size: 11px; font-weight: 700; color: #9aa5b4; text-transform: uppercase; letter-spacing: 0.06em; padding: 4px 8px 8px; } /* ── Item del sidebar ── */ .sp-item { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer; border: 0.5px solid transparent; transition: background 0.15s, border-color 0.15s; user-select: none; position: relative; } .sp-item:hover { background: #fff; border-color: #c5d0dc; } .sp-item.active { background: #fff; border-color: #aec5d8; } /* Línea indicadora derecha (desktop) */ .sp-item.active::after { content: ''; position: absolute; right: -1px; top: 20%; height: 60%; width: 2.5px; background: #006699; border-radius: 2px 0 0 2px; } .sp-item-icon { font-size: 20px; flex-shrink: 0; color: #9aa5b4; transition: color 0.15s; width: 22px; text-align: center; } /* Soporte para imagen wiki como icono */ .sp-item-icon img { width: 22px; height: auto; display: block; opacity: 0.55; transition: opacity 0.15s; } .sp-item.active .sp-item-icon { color: #006699; } .sp-item.active .sp-item-icon img { opacity: 1; } .sp-item-name { font-size: 13px; font-weight: 700; color: #334155; line-height: 1.3; } .sp-item-hint { font-size: 11px; color: #9aa5b4; margin-top: 1px; } /* Hint inferior del sidebar */ .sp-sidebar-foot { font-size: 11px; color: #b0bec5; text-align: center; padding: 6px 0 2px; margin-top: auto; } /* ── Panel de contenido (70%) ── */ .sp-content { padding: 20px 24px; overflow-y: auto; min-height: 300px; } .sp-panel { display: none; } .sp-panel.active { display: block; } /* ════════════════════════════════════════════════════════ SISTEMA DE DOCUMENTACIÓN DE PLANTILLAS SIMPLE ════════════════════════════════════════════════════════ */ /* ── Caja exterior que envuelve todo ── */ .wv-doc-outer { background: #f8f9fb; border: 1.5px solid #d8e2ec; border-radius: 14px; padding: 1.1rem 1.25rem 1rem; margin-bottom: 1.5rem; font-family: 'Segoe UI', Arial, sans-serif; max-width: 700px; } /* ── Introducción ── */ .wv-doc-intro { margin-bottom: 12px; } .wv-doc-intro-top { display: flex; align-items: flex-start; gap: 10px; } .wv-doc-tname-head { font-size: 1rem; font-weight: 700; color: #003d5c; margin: 0 0 4px; padding: 0; border: none; } .wv-doc-desc { font-size: 0.84rem; color: #445; line-height: 1.6; margin: 0 0 8px; } .wv-doc-hint { font-size: 0.8rem; color: #778; line-height: 1.5; margin: 0 0 10px; } .wv-doc-req-inline { color: #C0392B; font-weight: 600; } .wv-doc-opt-inline { color: #2471A3; font-weight: 600; } /* ── Leyenda ── */ .wv-doc-legend { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; } .wv-doc-leg { display: flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; } .wv-doc-leg::before { content: ''; width: 3px; height: 13px; border-radius: 2px; flex-shrink: 0; display: inline-block; } .wv-doc-req-leg { color: #C0392B; } .wv-doc-req-leg::before { background: #C0392B; } .wv-doc-opt-leg { color: #2471A3; } .wv-doc-opt-leg::before { background: #2471A3; } /* ── Cards (sintaxis y ejemplo) ── */ .wv-doc-card { background: #fff; border: 0.5px solid #cdd8e4; border-radius: 10px; overflow: hidden; margin-bottom: 10px; } .wv-doc-example-card { margin-bottom: 10px; } /* ── Cabecera de card ── */ .wv-doc-card-top { background: #f0f4f8; border-bottom: 0.5px solid #cdd8e4; padding: 6px 12px; display: flex; align-items: center; justify-content: space-between; gap: 8px; } .wv-doc-card-label { font-size: 11px; font-weight: 700; color: #667; text-transform: uppercase; letter-spacing: 0.06em; } .wv-doc-card-label.example-label { color: #2471A3; } /* ── Botón copiar ── */ .wv-doc-copy-btn { display: inline-flex; align-items: center; gap: 4px; font-size: 11.5px; font-weight: 600; cursor: pointer; color: #334; background: #fff; border: 0.5px solid #bbc8d4; border-radius: 6px; padding: 3px 10px; user-select: none; transition: background 0.14s, color 0.14s, border-color 0.14s; line-height: 1.6; } .wv-doc-copy-btn:hover { background: #e8f0f7; color: #003d5c; border-color: #9ab5cc; } .wv-doc-copy-btn.copied { color: #1D9E75; border-color: #1D9E75; background: #E1F5EE; } /* ── Bloque de código ── */ .wv-doc-block { padding: 6px 0 8px; font-family: monospace; font-size: 13px; line-height: 1.35; } .wv-doc-block-open, .wv-doc-block-close { padding: 3px 12px; color: #aab; } .wv-doc-blockname { color: #003d5c; font-weight: 600; } .wv-doc-brace { color: #bbc; } /* ── Filas de parámetros ── */ .wv-doc-params { padding: 0; } .wv-doc-params > * { margin-top: 0 !important; margin-bottom: 0 !important; } .wv-doc-params p { margin: 0 !important; padding: 0 !important; line-height: 0 !important; font-size: 0 !important; } .wv-doc-row { display: flex; align-items: baseline; padding: 2px 12px 2px 9px; border-left: 3px solid transparent; transition: background 0.1s; line-height: 1.5; } .wv-doc-row:hover { background: #f5f8fb; } .wv-doc-req { border-color: #C0392B; } .wv-doc-opt { border-color: #2471A3; } .wv-doc-req .wv-doc-key { color: #C0392B; } .wv-doc-opt .wv-doc-key { color: #2471A3; } .wv-doc-pipe { color: #bbc; margin-right: 1px; flex-shrink: 0; } .wv-doc-key { font-weight: 700; white-space: nowrap; } .wv-doc-eq { color: #bbc; margin: 0 1px; flex-shrink: 0; } .wv-doc-optvals { color: #889; font-size: 12px; } /* Filas del bloque ejemplo (generadas por JS) */ .wv-doc-example-val { color: #334; } /* ── Notas al pie ── */ .wv-doc-footer { border-top: 0.5px solid #dde6ef; padding: 8px 2px 0; display: flex; flex-direction: column; gap: 3px; margin-top: 4px; } .wv-doc-nota { font-size: 11.5px; color: #889; line-height: 1.5; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wv-doc-nota ul { list-style: none; padding: 0; margin: 0; } .wv-doc-nota li::before { content: '→ '; color: #bbc; } /* ── Responsive ── */ @media (max-width: 520px) { .wv-doc-outer { padding: 0.85rem 0.9rem; } .wv-doc-card-top { flex-direction: column; align-items: flex-start; gap: 6px; } .wv-doc-copy-btn { width: 100%; justify-content: center; } } /* ════════════════════════════════════════════════════════ SELECTOR HORIZONTAL DE PESTAÑAS ════════════════════════════════════════════════════════ */ /* ── Contenedor general ── */ .htab-wrap { border: 0.5px solid #cdd8e4; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; } /* ── Barra superior: color + patrón de puntos ── */ .htab-bar { background-color: #D4537E; background-image: radial-gradient( circle, rgba(0, 0, 0, 0.12) 1.5px, transparent 1.5px ); background-size: 20px 20px; position: relative; overflow: hidden; padding: 14px 14px 12px; border-bottom: 2.5px solid #993556; } /* ── Fondo animado: formas moviéndose de derecha a izquierda ── */ .htab-bg { position: absolute; inset: 0; overflow: hidden; pointer-events: none; } .htab-bg-track { display: inline-flex; align-items: center; gap: 16px; height: 100%; white-space: nowrap; animation: htab-marquee 18s linear infinite; } @keyframes htab-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* Formas del fondo */ .hs { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; } .hs-diamond { width: 11px; height: 11px; border: 1.5px solid rgba(255,255,255,0.20); transform: rotate(45deg); } .hs-circle { width: 9px; height: 9px; border: 1.5px solid rgba(255,255,255,0.17); border-radius: 50%; } .hs-bar { width: 26px; height: 1.5px; background: rgba(255,255,255,0.17); } .hs-sq { width: 8px; height: 8px; border: 1.5px solid rgba(255,255,255,0.18); } .hs-tri { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid rgba(255,255,255,0.17); } /* ── Pestañas ── */ .htab-tabs { display: flex; flex-wrap: wrap; gap: 7px; position: relative; z-index: 1; } .htab-tab { display: inline-flex; align-items: center; gap: 6px; background: rgba(255,255,255,0.14); border: 1px solid rgba(255,255,255,0.28); border-radius: 8px; padding: 7px 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 13px; font-weight: 700; color: #fff; cursor: pointer; user-select: none; white-space: nowrap; transition: background 0.15s, transform 0.13s, border-color 0.15s; } .htab-tab:hover:not(.active) { background: rgba(255,255,255,0.25); transform: translateY(-2px); } .htab-tab.active { background: #EF9F27; border-color: #BA7517; color: #412402; transform: translateY(-1px); } /* Imágenes wiki dentro de la pestaña como icono */ .htab-tab figure { float: none !important; margin: 0 !important; } .htab-tab img { width: 18px; height: auto; display: block; } /* ── Partículas ── */ .htab-prt { position: absolute; pointer-events: none; z-index: 20; border-radius: 50%; } /* Click — explosión */ .htab-prt-b { animation: htab-burst var(--dur, 0.4s) ease-out forwards; } @keyframes htab-burst { 0% { transform: rotate(var(--a, 0deg)) translateX(0) scale(1); opacity: 1; } 100% { transform: rotate(var(--a, 0deg)) translateX(var(--d, 20px)) scale(0); opacity: 0; } } /* Hover — flotantes */ .htab-prt-h { animation: htab-float var(--dur, 0.65s) ease-out forwards; } @keyframes htab-float { 0% { transform: translateY(0) translateX(0); opacity: 0.85; } 100% { transform: translateY(-22px) translateX(var(--drift, 0px)); opacity: 0; } } /* ── Área de contenido ── */ .htab-panels { background: #fff; padding: 22px 22px 18px; min-height: 160px; } .htab-panel { display: none; } .htab-panel.active { display: block; animation: htab-fadein 0.22s ease; } @keyframes htab-fadein { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } } /* ── Responsive ── */ @media (max-width: 700px) { .htab-bar { padding: 11px; } .htab-tab { padding: 6px 12px; font-size: 12px; gap: 5px; } .htab-panels { padding: 16px; } } @media (max-width: 420px) { .htab-tab { padding: 5px 10px; font-size: 11px; } .htab-panels { padding: 12px; } } /* ════════════════════════════════════════════════════════════════ WVA - SISTEMA DE SECCIONES DE ARTÍCULO ════════════════════════════════════════════════════════════════ */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { --pk: #FF00BB; --yw: #FFE600; --cy: #00BFFF; --gn: #00C853; --or: #FF6B00; --rd: #FF2200; --pu: #7A00FF; --bl: #0099FF; --bk: #111111; --wh: #FFFFFF; --mu: #555555; --bd: 3px solid #111; --bd2: 2.5px solid #111; --r: 10px; --rsm: 6px; --rlg: 16px; --font: 'Segoe UI', Arial, sans-serif; } body { font-family: var(--font); background: #f0f0f0; padding: 16px; } .wva { margin: 0 auto; background: var(--wh); border: var(--bd); border-radius: var(--rlg); overflow: hidden; } /* ═══ ANIMACIONES ═══ */ @keyframes wva-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} } @keyframes wva-sl { from{opacity:0;transform:translateX(-12px)} to{opacity:1;transform:translateX(0)} } @keyframes wva-pop { from{opacity:0;transform:scale(0.93)} to{opacity:1;transform:scale(1)} } @keyframes wva-bar { from{width:0} to{width:var(--w,100%)} } @keyframes wva-pls { 0%,100%{box-shadow:0 0 0 0 rgba(255,0,187,.4)} 60%{box-shadow:0 0 0 9px rgba(255,0,187,0)} } @keyframes wva-bob { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} } @keyframes wva-glw { 0%,100%{opacity:.28} 50%{opacity:.10} } /* ══════════════════════════════════════════════════════ HERO ══════════════════════════════════════════════════════ */ .wva-hero{ background:var(--pk);position:relative;overflow:hidden; padding:28px 24px 44px;border-bottom:3px solid #111; clip-path:polygon(0 0,100% 0,100% 87%,97% 100%,0 100%); margin-bottom:-2px;animation:in 0.6s ease both; } .wva-hero-dots{position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,0.12) 1.5px,transparent 1.5px); background-size:22px 22px;} .wva-hero-deco{position:absolute;right:18px;bottom:14px;font-size:30px; letter-spacing:10px;animation:glo 2.5s ease-in-out infinite} .wva-hi{position:relative;z-index:1} .wva-hi-loc{display:inline-block;background:var(--yw);color:#111; font-size:11px;font-weight:900;padding:3px 12px;border:2px solid #111; text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px} .wva-hi-h{font-size:44px;font-weight:900;color:#fff;text-shadow:3px 3px 0 #111; line-height:.95;margin-bottom:12px;border:none;padding:0} .wva-hi-h em{color:var(--yw);font-style:normal;display:block;font-size:20px;text-shadow:2px 2px 0 #111;margin-top:4px} .wva-hi-desc{font-size:14px;color:rgba(255,255,255,.9);line-height:1.65;max-width:540px;margin-bottom:14px} .wva-hi-tags{display:flex;gap:7px;flex-wrap:wrap} .wva-hi-tag{background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.5);color:#fff; font-size:11.5px;font-weight:700;padding:3px 12px;border-radius:20px} /* ══════════════════════════════════════════════════════ FICHA TÉCNICA — barra de stats oscura ══════════════════════════════════════════════════════ */ .wva-ficha { background: var(--bk); padding: 16px 20px; display: grid; grid-template-columns: repeat(auto-fill, minmax(175px,1fr)); gap: 16px; border-bottom: var(--bd); animation: wva-in .5s ease .08s both; } /* Dot pattern sobre negro */ .wva-ficha::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(circle, rgba(255,230,0,.06) 1px, transparent 1px); background-size: 14px 14px; } .wva-fb-t { font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.42);margin-bottom:6px; } .wva-fb-info { font-size:12.5px;line-height:1.7;color:rgba(255,255,255,.82); } .wva-fb-info strong { color:var(--yw);font-weight:700; } .wva-sr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .wva-sl { font-size:11px;font-weight:800;width:46px;color:rgba(255,255,255,.58);text-transform:uppercase; } .wva-sg { font-size:14px;font-weight:900;width:30px; } .wva-sb { flex:1;height:7px;background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);border-radius:4px;overflow:hidden; } .wva-sf { height:100%;border-radius:4px;animation:wva-bar .9s ease .3s both; } .sf-pk{background:var(--pk)} .sf-yw{background:var(--yw)} .sf-gn{background:var(--gn)} .sf-bl{background:var(--bl)} .sf-or{background:var(--or)} .sf-rd{background:var(--rd)} /* ══════════════════════════════════════════════════════ SECTION WRAPPER ══════════════════════════════════════════════════════ */ .wva-sec { border-bottom:var(--bd);overflow:hidden;animation:wva-in .5s ease both;position:relative; } .bg-w { background:#fff; } .bg-yw { background:var(--yw);position:relative; } .bg-yw::before { content:'';position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(circle,rgba(0,0,0,.12) 1.5px,transparent 1.5px);background-size:22px 22px; } .bg-yw > * { position:relative;z-index:1; } .bg-cr { background:#FFF8F0; } .bg-war { background:#FFF5F5; } .bg-mn { background:#FFFDE7; } .bg-sc { background:#FFF0F8; background-image:radial-gradient(circle,rgba(255,0,187,.07) 1.5px,transparent 1.5px);background-size:20px 20px; } .bg-hl { background:#F0FFF4; } .bg-mv { background:#F8F8FF; } .bg-ar { background:#F0F9FF; } /* ══════════════════════════════════════════════════════ SECTION HEADER ══════════════════════════════════════════════════════ */ .wva-sh { display:flex;align-items:center;gap:10px; padding:10px 20px;border-bottom:var(--bd2);position:relative;overflow:hidden; } .wva-sh .ico { font-size:17px;flex-shrink:0; } .wva-sh-t { font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin:0;padding:0;border:none; } .wva-sh-c { margin-left:auto;font-size:11px;font-weight:700;opacity:.5;flex-shrink:0; } /* NEGRO + AMARILLO (estilo SQUAD) */ .sh-bk { background:var(--bk); } .sh-bk::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(255,230,0,.07) 1px,transparent 1px);background-size:14px 14px; } .sh-bk .wva-sh-t,.sh-bk .wva-sh-c,.sh-bk .ico { color:var(--yw);position:relative;z-index:1; } /* AMARILLO + NEGRO (estilo VANGUARD) */ .sh-yw { background:var(--yw); } .sh-yw::before { content:'';position:absolute;inset:0;pointer-events:none; background-image:radial-gradient(circle,rgba(0,0,0,.1) 1px,transparent 1px);background-size:14px 14px; } .sh-yw .wva-sh-t,.sh-yw .wva-sh-c,.sh-yw .ico { color:var(--bk);position:relative;z-index:1; } .sh-pk{background:var(--pk)} .sh-pk .wva-sh-t,.sh-pk .wva-sh-c{color:#fff} .sh-rd{background:var(--rd)} .sh-rd .wva-sh-t,.sh-rd .wva-sh-c{color:#fff} .sh-bl{background:var(--bl)} .sh-bl .wva-sh-t,.sh-bl .wva-sh-c{color:#fff} .sh-gn{background:var(--gn)} .sh-gn .wva-sh-t,.sh-gn .wva-sh-c{color:#fff} .sh-or{background:var(--or)} .sh-or .wva-sh-t,.sh-or .wva-sh-c{color:#fff} .sh-pu{background:var(--pu)} .sh-pu .wva-sh-t,.sh-pu .wva-sh-c{color:#fff} .sh-cy{background:var(--cy)} .sh-cy .wva-sh-t{color:var(--bk)} /* ══════════════════════════════════════════════════════ SUBHEADER ══════════════════════════════════════════════════════ */ .wva-sub { display:flex;align-items:center;gap:8px;padding:8px 20px 4px; font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:var(--mu); } .wva-sub-line { flex:1;height:1.5px;background:rgba(0,0,0,.12);border-radius:2px; } /* ══════════════════════════════════════════════════════ BODY / 2 COLS ══════════════════════════════════════════════════════ */ .wva-body { padding:12px 20px;font-size:13.5px;line-height:1.75;color:#444; } .wva-body p { margin-bottom:7px; } .wva-body p:last-child { margin:0; } .wva-body strong { color:var(--bk);font-weight:700; } .wva-2c { padding:12px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 22px;font-size:13px;line-height:1.72;color:#444; } .wva-2c p { margin-bottom:7px; } .wva-2c strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ GRIDS ══════════════════════════════════════════════════════ */ .g { padding:12px 20px; } .g-2 { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; } .g-3 { display:grid;grid-template-columns:repeat(3,1fr);gap:10px; } .g-a { display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px; } .g-r { display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px; } .g-sm { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px; } /* ══════════════════════════════════════════════════════ PRACTICAL TIP CARD ══════════════════════════════════════════════════════ */ .ptip { border:var(--bd2);background:var(--wh);border-radius:var(--r);overflow:hidden; transition:transform .15s,box-shadow .15s;cursor:default;animation:wva-pop .4s ease both; } .ptip:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .ptip-h { padding:6px 12px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em; display:flex;align-items:center;gap:5px;border-bottom:var(--bd2); } .ptip-b { padding:10px 12px;font-size:12.5px;line-height:1.58;color:#333; } .ptip-b strong { color:var(--bk);font-weight:700; } .ptip-warn .ptip-h { background:var(--rd); color:#fff; } .ptip-warn { border-color:var(--rd); } .ptip-money .ptip-h { background:var(--yw); color:var(--bk); } .ptip-tip .ptip-h { background:var(--cy); color:var(--bk); } .ptip-tip { border-color:var(--cy); } .ptip-ok .ptip-h { background:var(--gn); color:#fff; } .ptip-ok { border-color:var(--gn); } .ptip-info .ptip-h { background:var(--bl); color:#fff; } .ptip-info { border-color:var(--bl); } .ptip-or .ptip-h { background:var(--or); color:#fff; } .ptip-or { border-color:var(--or); } .ptip-pu .ptip-h { background:var(--pu); color:#fff; } .ptip-pu { border-color:var(--pu); } .ptip-bk .ptip-h { background:var(--bk); color:var(--yw); } .ptip-bk { border-color:var(--bk); } /* ══════════════════════════════════════════════════════ TALENT CARD (secretos — estilo squad card) ══════════════════════════════════════════════════════ */ .tcard { border:var(--bd2);background:var(--wh);border-radius:var(--r);padding:12px; overflow:hidden;position:relative;animation:wva-pop .4s ease both; transition:transform .15s,box-shadow .15s;cursor:default; } .tcard:hover { transform:translateY(-4px);box-shadow:4px 4px 0 var(--bk); } .tcard.hot { border-color:var(--pk);background:#FFF4FA;animation:wva-pls 2.5s ease-in-out infinite; } .tcard-cat { display:inline-block;font-size:10px;font-weight:900;text-transform:uppercase; padding:2px 8px;border-radius:var(--rsm);border:1.5px solid var(--bk);margin-bottom:7px; } .tcard-title { font-size:14px;font-weight:900;color:var(--bk);margin-bottom:8px;line-height:1.2; } .tcard-stats { margin-bottom:7px; } .tsr { display:flex;align-items:center;gap:6px;margin-bottom:3px; } .tsl { font-size:10.5px;font-weight:800;width:50px;text-transform:uppercase;color:var(--bk); } .tsg { font-size:13px;font-weight:900;width:26px; } .tsb { flex:1;height:6px;background:#eee;border:1.5px solid #ccc;border-radius:3px;overflow:hidden; } .tsf { height:100%;border-radius:3px;animation:wva-bar .8s ease .5s both; } .tcard-text { font-size:12px;color:#444;line-height:1.55;margin-bottom:8px; } .tcard-tags { display:flex;gap:4px;flex-wrap:wrap; } /* ══════════════════════════════════════════════════════ REGION CARD ══════════════════════════════════════════════════════ */ .rcard { border:var(--bd2);background:var(--wh);padding:10px 12px 10px 14px;border-left-width:5px; border-radius:var(--r);cursor:default;transition:transform .15s,box-shadow .15s;animation:wva-pop .35s ease both; } .rcard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } .rcard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .rcard-desc { font-size:11.5px;color:var(--mu);line-height:1.45; } /* ══════════════════════════════════════════════════════ CITY CARD ══════════════════════════════════════════════════════ */ .ccard { border:var(--bd2);background:var(--wh);padding:11px 12px;border-radius:var(--r); cursor:default;transition:transform .15s,box-shadow .15s,border-color .15s;animation:wva-pop .4s ease both; } .ccard:hover { transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk);border-color:var(--pk); } .ccard-badge { display:inline-block;font-size:10px;font-weight:800;padding:1px 7px; border-radius:var(--rsm);border:1.5px solid var(--bk);background:var(--yw);color:var(--bk);margin-bottom:4px; } .ccard-badge.pk { background:var(--pk);color:#fff; } .ccard-name { font-size:13px;font-weight:800;color:var(--bk);margin-bottom:2px; } .ccard-desc { font-size:11.5px;color:var(--mu);line-height:1.5; } /* ══════════════════════════════════════════════════════ TRANSPORT CARD ══════════════════════════════════════════════════════ */ .tport { border:var(--bd2);background:var(--wh);padding:12px 14px;border-radius:var(--r); display:flex;flex-direction:column;gap:6px;cursor:default; transition:transform .15s,box-shadow .15s;animation:wva-pop .4s ease both;position:relative;overflow:hidden; } .tport::before { content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--r) 0 0 var(--r); } .tport:hover { transform:translateY(-3px);box-shadow:4px 4px 0 var(--bk); } .tport-icon { font-size:24px;line-height:1; } .tport-name { font-size:13px;font-weight:800;color:var(--bk); } .tport-desc { font-size:12px;color:var(--mu);line-height:1.5;flex:1; } .tport-tags { display:flex;gap:5px;flex-wrap:wrap; } .tp-bl::before{background:var(--bl)} .tp-or::before{background:var(--or)} .tp-gn::before{background:var(--gn)} .tp-rd::before{background:var(--rd)} .tp-pk::before{background:var(--pk)} .tp-pu::before{background:var(--pu)} .tp-cy::before{background:var(--cy)} .tp-yw::before{background:var(--yw)} .tp-bk::before{background:var(--bk)} /* ══════════════════════════════════════════════════════ ALERT BOX ══════════════════════════════════════════════════════ */ .wva-al { margin:0 20px;padding:10px 13px;border:var(--bd2);border-left-width:4px; border-radius:var(--r);display:flex;gap:10px;align-items:flex-start;animation:wva-sl .4s ease both; } .wva-al + .wva-al { margin-top:8px; } .wva-al:last-of-type { margin-bottom:12px; } .a-warn { border-color:var(--rd); background:#FFF5F5; } .a-tip { border-color:var(--cy); background:#F0FDFF; } .a-ok { border-color:var(--gn); background:#F0FFF4; } .a-money { border-color:#F5A000; background:#FFFDE7; } .a-info { border-color:var(--bl); background:#F0F8FF; } .a-pink { border-color:var(--pk); background:#FFF0F8; } .al-em { font-size:18px;flex-shrink:0;margin-top:1px;animation:wva-bob 2.5s ease-in-out infinite; } .al-txt { font-size:12.5px;color:#333;line-height:1.62; } .al-txt strong { color:var(--bk);font-weight:700; } /* ══════════════════════════════════════════════════════ LIST ITEMS ══════════════════════════════════════════════════════ */ .wva-list { padding:0 20px 12px; } .wva-li { display:flex;gap:11px;padding:10px 0;border-bottom:1.5px solid rgba(0,0,0,.08); align-items:flex-start;transition:padding-left .14s;cursor:default; } .wva-li:last-child { border-bottom:none; } .wva-li:hover { padding-left:6px; } .wva-li-ico { width:36px;height:36px;border:var(--bd2);border-radius:var(--rsm); display:flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0; background:var(--wh);transition:transform .14s; } .wva-li:hover .wva-li-ico { transform:scale(1.06); } .wva-li-name { font-size:13.5px;font-weight:700;color:var(--bk);margin-bottom:2px; } .wva-li-desc { font-size:12.5px;color:var(--mu);line-height:1.5; } .wva-li-tags { display:flex;gap:5px;flex-wrap:wrap;margin-top:4px; } /* ══════════════════════════════════════════════════════ TAGS ══════════════════════════════════════════════════════ */ .tag { font-size:10.5px;font-weight:800;padding:2px 9px;border:1.5px solid var(--bk);border-radius:var(--rsm); } .t-pk{background:var(--pk);color:#fff} .t-yw{background:var(--yw);color:var(--bk)} .t-cy{background:var(--cy);color:var(--bk)} .t-gn{background:var(--gn);color:#fff} .t-rd{background:var(--rd);color:#fff} .t-bl{background:var(--bl);color:#fff} .t-or{background:var(--or);color:#fff} .t-pu{background:var(--pu);color:#fff} .t-wh{background:var(--wh);color:var(--bk)} .t-bk{background:var(--bk);color:var(--wh)} /* ══════════════════════════════════════════════════════ NEXT DESTINATIONS ══════════════════════════════════════════════════════ */ .wva-next { padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px; } .ncard { background:var(--wh);border:var(--bd2);border-radius:var(--r); padding:10px 18px;font-size:13px;font-weight:800;color:var(--bk);cursor:default; transition:background .14s,transform .14s,box-shadow .14s; } .ncard:hover { background:var(--yw);transform:translateY(-2px);box-shadow:3px 3px 0 var(--bk); } /* ══════════════════════════════════════════════════════ RESPONSIVE ══════════════════════════════════════════════════════ */ @media (max-width:760px) { .wva-hero { grid-template-columns:1fr; } .wva-himg { display:none; } .wva-hc::after { display:none; } .wva-hi-h { font-size:38px; } .g-2,.g-3 { grid-template-columns:1fr; } .wva-2c { grid-template-columns:1fr; } .wva-ficha { grid-template-columns:repeat(2,1fr); } } @media (max-width:480px) { .wva-hc { padding:20px 14px 28px; } .wva-hi-h { font-size:28px; } .wva-ficha { padding:12px 14px;grid-template-columns:1fr 1fr; } .g,.wva-body,.wva-2c,.wva-list,.wva-next,.wva-sub { padding-left:14px;padding-right:14px; } .wva-al { margin-left:14px;margin-right:14px; } .wva-sh,.wva-sub { padding-left:14px;padding-right:14px; } .g-a,.g-r,.g-sm { grid-template-columns:1fr 1fr; } } 61f7ejtxg5fxnnroxe4knhmthw37dxt