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 3 3047 253055 252811 2026-05-12T19:58:48Z MediaWiki message delivery 4390 Sección nueva: /* Boletín de la Fundación Wikimedia 2026, número 9 */ 253055 wikitext text/x-wiki __NOINDEX__ {{/Intro}} {{Usuario:MABot/config |archive = Usuario discusión:Galahad/Archivo %(year)s |algo = old(15d) |counter = 1 |minthreadsleft = 0 |archiveheader = {{archivo}} |minthreadstoarchive = 1 }} == Boletín de la Fundación Wikimedia 2026, número 8 == <section begin="content" /> <div class="plainlinks"> [[File:Wikimedia Foundation logo - horizontal.svg|150px|right|class=skin-invert|link=]] <div style="margin-top:10px; padding-left:5px; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;">''Aquí tenéis un breve resumen de los aspectos más destacados de la Fundación Wikimedia desde nuestra última edición del 10 de abril. Por favor, ayudadnos a [[m:Special:MyLanguage/Wikimedia Foundation Bulletin/2026/08|traducir]].''</div> <div style="clear:both"></div> ---- [[File:WP25 Graphics Cursor.png|right|thumb|150px|]] '''Destacados''' *'''Planificación Anual''': La Fundación Wikimedia publicó el [[metawiki:Wikimedia Foundation Annual Plan/2026-2027|borrador del Plan Anual]] para el próximo año fiscal (2026-2027), que se centrará en cuatro objetivos principales que responden directamente a las tendencias externas. Estos objetivos incluyen aumentar nuestro alcance, profundizar la participación, proteger nuestros proyectos y desarrollar velocidad y resiliencia para permitir el cambio necesario para responder a la situación de Internet en un punto de inflexión. Se agradecen los comentarios en [[metawiki:Talk:Wikimedia Foundation Annual Plan/2026-2027|la página de discusión]] y [[metawiki:Wikimedia Foundation Annual Plan/2026-2027/Collaboration|muchos otros lugares]]. *'''Conversación global''': Una [[:m:Event:Global Call: Annual Planning Around the Puzzle Globe|conversación global sobre el Plan Anual de la Fundación Wikimedia]] tendrá lugar el 7 de mayo a las 17:00 UTC. *'''Reutilización sostenible del contenido de Wikimedia''': La [[mw:Special:MyLanguage/Attribution API|API de atribución]] ya está en fase [[mw:Special:MyLanguage/Wikimedia APIs/Stability policy|beta]]. Facilita la atribución justa del contenido de Wikimedia dondequiera que se utilice. Proporciona toda la información requerida por el [https://wikimedia-attribution.toolforge.org/ Marco de atribución de Wikimedia] en un único punto de acceso bien estructurado y fácil de usar, simplificando la atribución para la reutilización fuera de la wiki. Comparta sus comentarios en la [[mw:Talk:Attribution API|página de discusión del proyecto]]. '''Objetivos anuales Progreso en [[m:Special:MyLanguage/Wikimedia Foundation Annual Plan/2025-2026/Product & Technology OKRs|Infraestructura]]'''<br/><small>''Ver también boletines informativos: [[m:Special:MyLanguage/Wikimedia Apps/Newsletter|Aplicaciones de Wikimedia]] · [[mw:Special:MyLanguage/Growth/Newsletters|Crecimiento]] · [[mw:Newsletter:Product Safety and Integrity|Seguridad e integridad del producto]] · [[mw:Newsletter:Readers updates|Lectores]] · [[m:Research:Newsletter|Investigación]] · [[:f:Special:MyLanguage/Wikifunctions:Status updates|Wikifunctions y Wikipedia abstracta]] · [[m:Special:MyLanguage/Tech/News|Noticias tecnológicas]] · [[mw:Newsletter:Language and Internationalization Newsletter|Idioma e internacionalización]] · [[mw:Special:Newsletters|otros boletines informativos en MediaWiki.org]]''</small> *'''Comentarios sobre la guía de artículos''': Se invita a los editores experimentados a [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Main_Page probar] la función [[mw:Special:MyLanguage/Article guidance|Guía de artículos]]. Esta herramienta ayuda a los editores menos experimentados a crear artículos de Wikipedia estructurados y que cumplan con las políticas. Revise [https://b24e11a4f1.catalyst.wmcloud.org/wiki/Category:Pages_using_article_guidance los esquemas] y comparta sus comentarios en la [[mw:Talk:Article guidance|página de discusión del proyecto]]. Consulte las instrucciones [[mw:Special:MyLanguage/Article guidance/Test feature guide|paso a paso]] y el [[c:File:Article Guidance workflow demo - April 2026.webm|video]]. *'''Centro de juegos disponible en Android''': El Centro de juegos ya está disponible en la aplicación de Wikipedia para Android. Esta nueva función ofrece un espacio para que los usuarios encuentren todos los juegos disponibles en un solo lugar, exploren los archivos y reciban actualizaciones sobre nuevos juegos. Actualmente incluye ''[[mw:Wikimedia Apps/Team/Android/TriviaGame|¿Cuál fue primero?]]'', y pronto se añadirán más juegos. *'''Actualización de la app de Wikipedia para iOS''': Se ha lanzado una importante actualización de la app de Wikipedia para iOS, que rediseña la interfaz para adaptarla al nuevo diseño visual "Liquid Glass" de Apple. [https://apps.apple.com/us/app/wikipedia/id324715238 Descarga la última versión] y explora la actualización. *'''Confirmación de direcciones de correo electrónico''': En varias wikis, los editores que han iniciado sesión y no han [[mw:Special:MyLanguage/Help:Email confirmation|confirmado sus direcciones de correo electrónico]] ahora ven un banner que les anima a hacerlo. [[mw:Product Safety and Integrity/Account Security#Encouraging users to confirm their email addresses|Confirmar la dirección de correo electrónico]] ayuda a los usuarios a recuperar el acceso a su cuenta si la pierden y a recibir mensajes sobre sus cuentas. También proporciona una opción sencilla para comunicarse con otros usuarios fuera de la wiki si así lo desean. A principios de 2026, aproximadamente el 62,9 % de todas las [[metawiki:Help:Unified login|cuentas de usuario]] registradas en Wikimedia que tenían un correo electrónico configurado no lo habían confirmado. *'''Prueba de previsualizaciones de páginas web móviles''': El experimento de previsualizaciones de páginas móviles se lanzó en las Wikipedias en árabe, inglés, francés, italiano, polaco y vietnamita. Las previsualizaciones de página son ventanas emergentes que muestran una miniatura, un párrafo introductorio y un enlace al artículo completo para facilitar la búsqueda de contenido. Ya están disponibles en la versión de escritorio y en las aplicaciones. *'''Experimento de creación de cuentas''': El nuevo [[mw:Special:MyLanguage/Contributors/Account Creation Experiments|Experimento de creación de cuentas]] está activo en la Wikipedia en hindi, indonesio, bengalí, tailandés y hebreo, dirigido al 10 % de los usuarios móviles que no han iniciado sesión. El objetivo es determinar si añadir un botón para crear cuentas en el encabezado de la versión móvil aumenta los nuevos registros y la participación de los usuarios móviles en las wikis. *'''Experimentando con la búsqueda híbrida en aplicaciones móviles''': La primera fase del experimento de búsqueda híbrida en la aplicación de Wikipedia para Android ha concluido. Se probaron métodos de búsqueda combinados basados ​​en palabras clave y en el significado para satisfacer diversas necesidades de información. El equipo está analizando los datos y los comentarios, y pronto compartirá sus conclusiones y los próximos pasos. [[File:Android Explore Feed Top Read.png|right|thumb|150px|Elemento más leído en la sección Explorar actual de Android]] *'''Últimos experimentos''': Vea todos los experimentos en curso, próximos y finalizados en la sección de Producto y Tecnología. Un experimento próximo está probando una versión actualizada de la sección Explorar para facilitar a los lectores el descubrimiento de contenido interesante y que visiten la aplicación de Wikipedia con mayor frecuencia. *'''Wikifunctions''': Wikifunctions superó las 4000 funciones, siendo la resta de dos números complejos la función número 4000. Además, Wikipedia Abstracta alcanzó los 1000 artículos. El artículo sobre el famoso brahmán indio Chanakya marcó este hito. *'''Las listas de lectura ahora son una función beta''': Las cuentas nuevas ahora tienen activada la función [[mw:Special:MyLanguage/Readers/Reader Experience/WE3.3.4 Reading lists|Listas de lectura]] por defecto en todas las wikis de Wikipedia. Esto trae la función "Guardar páginas" a la web, que ha sido popular en las aplicaciones móviles. Para los usuarios en la versión beta, aparece un botón "Guardar página" (marcador) en la barra de herramientas de cada página. La opción de seguir/dejar de seguir (estrella) se mueve al menú de herramientas. El botón "Lista de seguimiento" en la navegación superior se mueve al menú de usuario. Un nuevo botón "Páginas guardadas" toma su lugar. En junio, la función estará disponible para todos los usuarios y se agregará una preferencia de usuario para elegir entre dos conjuntos de botones: Seguir + Lista de seguimiento o Guardar + Lista guardada. El otro conjunto estará en los menús de herramientas y de usuario. *'''Contenido estructurado''': Las imágenes y listas de artículos ahora están en [https://enterprise.wikimedia.com/blog/structured-contents-article-images-and-lists/ cargas útiles de contenido estructurado]. *'''Noticias tecnológicas''': Los aspectos más destacados de las semanas de noticias tecnológicas [[diffblog:2026/04/13/tech-news-2026-issue-16/|16]] y [[diffblog:2026/04/20/tech-news-2026-issue-17/|17]] incluyen la promoción de CodeMirror 6 fuera de la versión beta el martes 21 de abril. Vea también las 45 tareas enviadas por la comunidad que se resolvieron en las últimas dos semanas. '''Progreso de los objetivos anuales en [[m:Special:MyLanguage/Wikimedia Foundation Annual Plan/2025-2026/Goals/Volunteer Support|Apoyo voluntario]]'''<br/><small>''Ver también blogs: [[diffblog:global-advocacy|Blog de defensa global]] · [https://mailchi.mp/wikimedia/global-advocacy-policy-newsletter Boletín informativo de defensa global] · [https://wikimediapolicy.medium.com Blog de políticas] · [[m:Special:MyLanguage/WikiLearn#Stay updated|Noticias de WikiLearn]] · [[m:Special:MyLanguage/The Wikipedia Library/Newsletter|La biblioteca de Wikipedia]] · [[m:Special:AllEvents|lista de eventos del movimiento]]''</small> *'''Solicitudes del Fondo de Investigación de Wikimedia en revisión:''' El período de presentación de solicitudes para el [[metawiki:Grants:Programs/Wikimedia Research & Technology Fund/Wikimedia Research Fund|Fondo de Investigación de Wikimedia]] de este año ya está cerrado. Las revisiones técnicas e internas de [[metawiki:Category:Under review Wikimedia Research Fund applications in FY 2025-26|las propuestas]] han comenzado. *'''Eventos y conferencias''': Echa un vistazo a los diferentes eventos comunitarios que tendrán lugar a finales de este año: [[metawiki:ESEAP Conference 2026|Conferencia ESEAP]] (15-17 de mayo), [[metawiki:WikiConference India 2026|WikiConference India]] (4-6 de septiembre), [[wcna:2026/Main Page|WikiConference Norteamérica]] (24-27 de septiembre), [[metawiki:Language Diversity Conference|Conferencia sobre Diversidad Lingüística]] (2 al 4 de octubre), [[metawiki:Queering Wiki 2026|Queering Wiki]] (23-25 ​​de octubre), [[metawiki:WikiArabia 2026|WikiArabia]] (6-8 de noviembre). *'''Alrededor del mundo de los rompecabezas en la región de América''': Más de 60 personas se unieron a [[metawiki:Event:America APP call|America call]] para hablar sobre el plan anual y las tendencias globales que impactan el movimiento. Los participantes provenían de toda la región, y la audiencia incluyó una mezcla de afiliados de Latinoamérica, colaboradores en línea y usuarios con derechos extendidos. *'''Informe de transparencia:''' La Fundación Wikimedia publicó un [[foundationsite:who-we-are/transparency/2025-2/|informe de transparencia]] que abarca de julio a diciembre de 2025. '''Actualizaciones de la Junta Directiva y sus comités'''<br/><small>''Ver [[m:Special:MyLanguage/Wikimedia Foundation Board noticeboard|Tablón de anuncios de la Junta de la Fundación Wikimedia]] · [[m:Special:MyLanguage/Affiliations Committee/News|Boletín informativo del Comité de Afiliaciones]]''</small> *'''Proceso de selección de la junta directiva''': La Junta Directiva de la Fundación Wikimedia está revisando y mejorando [[metawiki:Wikimedia Foundation elections/2025/Debrief|cómo selecciona a sus nuevos miembros]]. El objetivo es asegurar que exista la combinación adecuada de experiencia y representación de la comunidad en la junta. Únete a la conversación y comparte tus ideas en [[m:Talk:Wikimedia Foundation elections/2025/Debrief|la página de discusión]]. '''Otros boletines informativos y noticias seleccionados por Movement'''<br/><small>''Ver también:'' [[diffblog:|Diff blog]]&nbsp;· [[m:Special:MyLanguage/Goings-on|Goings-on]]&nbsp;· [https://en.planet.wikimedia.org/ Planet Wikimedia]&nbsp;· [[:w:en:WP:SIGNPOST|Signpost (en)]]&nbsp;· [[:w:de:Wikipedia:Kurier|Kurier (de)]]&nbsp;· [[wikt:fr:Wiktionnaire:Actualités|Actualités du Wiktionnaire (fr)]]&nbsp;· [[w:fr:Wikipédia:Regards sur l'actualité de la Wikimedia|Regards sur l’actualité de la Wikimedia (fr)]]&nbsp;· [[w:fr:Wikipédia:Wikimag|Wikimag (fr)]]&nbsp;· [[m:Special:MyLanguage/Education/News|Education]]&nbsp;· [[outreachwiki:Special:MyLanguage/GLAM/Newsletter|GLAM]]&nbsp;· [[m:Special:MyLanguage/Wikimedia News|Milestones]]&nbsp;· [[d:Special:MyLanguage/Wikidata:Status updates|Wikidata]]&nbsp;· [[m:Special:MyLanguage/CEE/Newsletter|Central and Eastern Europa]]&nbsp;· [[:m:Newsletters|otros boletines]]</small> <div style="margin-top:10px; font-size:90%; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;"> '''[[m:Global message delivery/Targets/Wikimedia Foundation Bulletin|Suscríbete o cancela tu suscripción.]] · [[m:Special:MyLanguage/Wikimedia Foundation Bulletin/2026/08|Ayuda a traducir]]''' Para obtener información sobre el Boletín y leer ediciones anteriores, consulte la [[m:Special:MyLanguage/Wikimedia Foundation Bulletin|página del proyecto en Meta-Wiki]]. ¡Envíenos sus comentarios o sugerencias para mejorarlo a foundationbulletin[[File:At sign.svg|16x16px|link=|alt=(_AT_)]]wikimedia.org! </div> </div> <section end="content" /> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 04:21 29 abr 2026 (UTC) <!-- Mensaje enviado por Usuario:RAdimer-WMF@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Wikimedia_Foundation_Bulletin&oldid=30449136 --> == Boletín de la Fundación Wikimedia 2026, número 9 == <section begin="content" /> <div class="plainlinks"> [[File:Wikimedia Foundation logo - horizontal.svg|150px|right|class=skin-invert|link=]] <div style="margin-top:10px; padding-left:5px; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;">''Aquí tenéis un breve resumen de los aspectos más destacados de la Fundación Wikimedia desde nuestra última edición del 25 de abril. Por favor, ayudadnos a [[m:Special:MyLanguage/Wikimedia Foundation Bulletin/2026/09|traducir]].''</div> <div style="clear:both"></div> ---- '''Destacados''' *'''Protección de la comunidad''': En vistas del registro administrativo en Indonesia, la Fundación Wikimedia [[diffblog:2026/04/30/wikimedia-foundation-secured-governments-commitment-to-user-safety-privacy-and-content-integrity-ahead-of-administrative-registration-in-indonesia/|obtuvo el compromiso del gobierno indonesio]] con la seguridad del usuario, la privacidad y la integridad del contenido. *'''Mejora de la protección contra los bots''': La Fundación Wikimedia está reemplazando nuestro CAPTCHA con [[diffblog:2026/05/04/better-detecting-bots-and-replacing-our-captcha-part-2/|un nuevo enfoque]] para detectar actividades de mala fe sin dificultar las cosas para los usuarios. *'''Informe de Transparencia''': La Fundación Wikimedia ha publicado su último [[foundationsite:who-we-are/transparency/2025-2/|Informe de Transparencia]]. Este informe ofrece una visión general del trabajo realizado para proteger los proyectos de Wikimedia y apoyar a las comunidades de voluntarios que gestionan la mayoría de las solicitudes de contenido. Nuestros usuarios confían en que protegeremos sus identidades contra la divulgación ilícita, y nos tomamos esta responsabilidad muy en serio, concediendo solo 1 de cada 30 solicitudes de divulgación recibidas entre julio y diciembre de 2025. '''Progreso de los objetivos anuales en [[m:Special:MyLanguage/Wikimedia Foundation Annual Plan/2025-2026/Product & Technology OKRs|Infraestructura]]'''<br/><small>''Ver también boletines informativos: [[m:Special:MyLanguage/Wikimedia Apps/Newsletter|Aplicaciones de Wikimedia]] · [[mw:Special:MyLanguage/Growth/Newsletters|Crecimiento]] · [[mw:Newsletter:Product Safety and Integrity|Seguridad e integridad del producto]] · [[mw:Newsletter:Readers updates|Lectores]] · [[m:Research:Newsletter|Investigación]] · [[:f:Special:MyLanguage/Wikifunctions:Status updates|Funciones de la wiki y Wikipedia abstracta]] · [[m:Special:MyLanguage/Tech/News|Noticias tecnológicas]] · [[mw:Newsletter:Language and Internationalization Newsletter|Idioma e internacionalización]] · [[mw:Special:Newsletters|otros boletines informativos en MediaWiki.org]]''</small> [[File:Wikipedia app Reading Challenge - Opt into challenge.png|right|thumb|150px|Maqueta del reto de lectura en la aplicación móvil de Wikipedia.]] *'''Reto de lectura''': Como parte de las celebraciones del 25 aniversario, la aplicación móvil de Wikipedia lanzó una función por tiempo limitado: el [[mw:Wikimedia Apps/Team/25th Birthday Reading Challenge|reto de lectura de 25 días con Baby Globe]]. Este reto fomenta el hábito diario de leer un artículo de Wikipedia. El objetivo es motivar a los usuarios a usar la aplicación con regularidad. *'''Últimos experimentos''': Uno de los [[mw:Product Safety and Integrity/Incident Reporting System#April 2026: Trial on English Wikipedia|experimento próximo]] es la introducción del Sistema de Informes de Incidentes (IRS) para ayudar a los colaboradores a encontrar fácilmente el lugar adecuado para buscar ayuda cuando se enfrenten al acoso u otros problemas. Vea todos los [[m:List of experiments in Product and Technology|experimentos en curso, próximos y finalizados en Producto y Tecnología]]. *'''Cambio en la forma en que se confirman automáticamente los nuevos usuarios''': La antigüedad de la cuenta para los usuarios con confirmación automática comenzará a contar desde su primera edición, no desde la fecha de registro. Esto es para evitar la explotación por parte de vándalos. Este cambio solo se aplicará a las wikis que requieran al menos una edición para la confirmación automática. *'''Listas de lectura organizadas''': Todos los usuarios de Wikipedia con cuentas nuevas y aquellos que activaron la opción "activar automáticamente la mayoría de las funciones beta" ahora pueden usar la función beta [[mw:Special:MyLanguage/Readers/Reader Experience/WE3.3.4 Reading lists|listas de lectura]]. Esto les permite guardar artículos para leerlos más tarde y mantenerlos organizados en un solo lugar para un fácil acceso. *'''Preferencias de tamaño de miniatura''': La preferencia de tamaño de miniatura predeterminada para el contenido de los artículos ahora está [[phab:T424909|limitada a tres tamaños]]: Pequeño (180 px), Normal (250 px) y Grande (400 px). Este cambio tiene como objetivo mejorar el rendimiento y reducir la carga en los servicios de miniaturas. Las preferencias actuales se ajustarán al tamaño nuevo más cercano. *'''Wikifunctions''': Para hacer visible el desarrollo de la Wikipedia abstracta, la Fundación está [[f:Special:MyLanguage/Wikifunctions:Status updates/2026-05-02|solicitando su opinión]]: ¿qué métricas sobre las páginas de la Wikipedia abstracta considera que son importantes? *'''Noticias tecnológicas''': Lea los aspectos más destacados sobre noticias tecnológicas de las últimas semanas en [[diffblog:2026/04/27/tech-news-2026-issue-18/|18]] y [[diffblog:2026/05/04/tech-news-2026-issue-19/|19]], que incluyen las mejoras en [[m:Special:GlobalWatchlist|Global Watchlist]]. Vea también las 62 tareas enviadas por la comunidad que se resolvieron en las últimas dos semanas. '''Progreso de los objetivos anuales en [[m:Special:MyLanguage/Wikimedia Foundation Annual Plan/2025-2026/Goals/Volunteer Support|Apoyo al voluntariado]]'''<br/><small>''Ver también blogs: [[diffblog:global-advocacy|Blog de defensa global]] · [https://mailchi.mp/wikimedia/global-advocacy-policy-newsletter Boletín informativo de defensa global] · [https://wikimediapolicy.medium.com Blog de políticas] · [[m:Special:MyLanguage/WikiLearn#Stay updated|Noticias de WikiLearn]] · [[m:Special:MyLanguage/The Wikipedia Library/Newsletter|La biblioteca de Wikipedia]] · [[m:Special:AllEvents|lista de eventos del movimiento]]''</small> *'''Planificación Anual''': Agradecemos sus [[m:Talk:Wikimedia Foundation Annual Plan/2026-2027|comentarios]] en [[m:Talk:Wikimedia Foundation Annual Plan/2026-2027|la página principal de discusión]] para el borrador del Plan Anual 2026-2027 y [[m:Wikimedia Foundation Annual Plan/2026-2027/Collaboration|muchos otros documentos]] relacionados con el próximo año fiscal. *'''Wikimania''': Wikimania es un evento alegre. Es una oportunidad para celebrar nuestra comunidad y proyectos, compartir ideas e información, crear conexiones entre los wikimedistas e inspirar y desarrollar proyectos futuros. Si usted y su comunidad están interesados ​​en organizar Wikimania en 2028 y 2029, envíen una [[wmania:Wikimania:Expressions of Interest/Current call|expresión de interés]]. *'''Conferencias comunitarias''': La Fundación apoya diversos [[diffblog:2026/05/04/approved-wikimedia-conference-proposals-for-2026-round-2-continuing-to-connect-grow-and-learn-together/|15 encuentros estratégicos, diversos y críticos]] que tendrán lugar en 2026 y 2027, reuniendo a aproximadamente 1800 wikimedistas de diversas regiones, temas y comunidades lingüísticas. *'''No parpadees''': [[diffblog:2026/05/02/dont-blink-protecting-the-wikimedia-model-its-people-and-its-values-in-march-2026/|Los últimos avances]] de todo el mundo sobre la protección del modelo de Wikimedia, su gente y sus valores. *'''Wiki ama los monumentos''': Los ganadores del concurso de fotografía Wiki Loves Monuments 2025 [[foundationsite:news/2026/04/29/2025-wiki-loves-monuments-photo-contest/|han sido anunciados]]. '''Progreso de los objetivos anuales en [[m:Special:MyLanguage/Wikimedia Foundation Annual Plan/2025-2026/Goals/Effectiveness|Eficacia]]'''<br/><small>''Véase también: [[m:Special:MyLanguage/Wikimedia Foundation Annual Plan/2025-2026/Progress made on last year's plan|Progreso del plan anual]]''</small> *'''Enterprise''': Cómo CivicLens utiliza las API de Wikidata para [https://enterprise.wikimedia.com/blog/how-civiclens-uses-wikidata-apis/ Hacer que los datos cívicos sean más accesibles]. '''Actualizaciones de la Junta y de sus comités'''<br /><small>''Ver [[m:Special:MyLanguage/Wikimedia Foundation Board noticeboard|Tablón de anuncios de la Junta de la Fundación Wikimedia]] · [[m:Special:MyLanguage/Affiliations Committee/News|Boletín informativo del Comité de Afiliaciones]]''</small> *'''Cierre de Wikinoticias''': Todas las ediciones lingüísticas de Wikinoticias han sido [[m:Wikimedia Foundation Board noticeboard#Board of Trustees Approves Closure of Wikinews|cerradas]] y configuradas en modo de solo lectura. El contenido seguirá estando accesible, pero no se podrán añadir nuevas ediciones ni artículos. Este cierre fue aprobado por el Consejo de Administración de la Fundación Wikimedia tras extensas deliberaciones. *'''Noticias de Affcom''': Lea [[m:Affiliations Committee/News|el último número de Noticias de AffCom (enero-marzo de 2026)]] para obtener más información sobre las últimas noticias acerca del trabajo del [[m:Special:MyLanguage/Affiliations Committee|Comité de Afiliaciones]] de Wikimedia. *'''Modelo para que los afiliados apoyen a los colaboradores a través de herramientas''': El [[m:Special:MyLanguage/Product and Technology Advisory Council|Consejo Asesor de Productos y Tecnología]] ha publicado [[m:Special:MyLanguage/Product and Technology Advisory Council/May 2026 draft PTAC recommendation for feedback|recomendaciones preliminares]] sobre un modelo que los afiliados pueden seguir al contribuir al espacio técnico. *'''Concesión de subvenciones''': El Comité de Distribución de Recursos Globales cerró su solicitud de comentarios sobre [[m:Talk:Global Resource Distribution Committee#Request for feedback: What are the most significant challenges your community faces as it relates to resource distribution within the movement?|tres preguntas iniciales sobre la concesión de subvenciones]] y publicó su [[m:Talk:Global Resource Distribution Committee#GRDC update – April 2026|actualización mensual de abril]]. '''Otros boletines y noticias de Movimiento'''<br /><small>''Ver también:'' [[diffblog:|Diff blog]]&nbsp;· [[m:Special:MyLanguage/Goings-on|Goings-on]]&nbsp;· [https://en.planet.wikimedia.org/ Planet Wikimedia]&nbsp;· [[:w:en:WP:SIGNPOST|Signpost (en)]]&nbsp;· [[:w:de:Wikipedia:Kurier|Kurier (de)]]&nbsp;· [[wikt:fr:Wiktionnaire:Actualités|Actualités du Wiktionnaire (fr)]]&nbsp;· [[w:fr:Wikipédia:Regards sur l'actualité de la Wikimedia|Regards sur l’actualité de la Wikimedia (fr)]]&nbsp;· [[w:fr:Wikipédia:Wikimag|Wikimag (fr)]]&nbsp;· [[m:Special:MyLanguage/Education/News|Education]]&nbsp;· [[outreachwiki:Special:MyLanguage/GLAM/Newsletter|GLAM]]&nbsp;· [[m:Special:MyLanguage/Wikimedia News|Milestones]]&nbsp;· [[d:Special:MyLanguage/Wikidata:Status updates|Wikidata]]&nbsp;· [[m:Special:MyLanguage/CEE/Newsletter|Central and Eastern Europa]]&nbsp;· [[:m:Newsletters|otros boletines]]</small> <div style="margin-top:10px; font-size:90%; font-family:Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;"> '''[[m:Global message delivery/Targets/Wikimedia Foundation Bulletin|Suscribirse o cancelar su suscripción]] · [[m:Special:MyLanguage/Wikimedia Foundation Bulletin/2026/09|Ayude a traducir]]''' Para obtener información sobre el Boletín y leer ediciones anteriores, consulte la [[m:Special:MyLanguage/Wikimedia Foundation Bulletin|página del proyecto en Meta-Wiki]]. ¡Comuníquese con foundationbulletin[[File:At sign.svg|16x16px|link=|alt=(_AT_)]]wikimedia.org si tiene algún comentario o sugerencia para mejorarlo! </div> </div> <section end="content" /> <bdi lang="en" dir="ltr">[[User:MediaWiki message delivery|MediaWiki message delivery]]</bdi> 19:58 12 may 2026 (UTC) <!-- Mensaje enviado por Usuario:RAdimer-WMF@metawiki mediante la lista en https://meta.wikimedia.org/w/index.php?title=Global_message_delivery/Targets/Wikimedia_Foundation_Bulletin&oldid=30515701 --> 0kyinzkywvsu7hr9r82vxq03zrl9k18 10 6579 253049 253020 2026-05-12T12:01:54Z Jembot 2355 Bot: Actualizando datos 253049 wikitext text/x-wiki {{<includeonly>safesubst:</includeonly>#switch:{{ucfirst:{{{1|{{{User|{{{user}}}}}}}}}}} |Jembot=26437 |Galahad=9224 |Renamed user 0f302287bb0255da1e6eba23d871d103=9156 |KLBot2=8323 |ZrbtWm=4725 |Zerojosefer=4146 |Aavargasp=4020 |Urci dream=4012 |Baji=3769 |Alan=3477 |Joancastro21=3441 |Igallards7=3382 |B1mbo=3110 |Mpeinadopa=3041 |Kizar=2933 |RolandUnger=2881 |MediaWiki message delivery=2793 |Elreysintrono=2763 |MABot=2449 |Aguzado=2446 |Meruleh=2338 |HrAd=2254 |Jorge Abellán=2210 |Bromoxido=2210 |Razr Nation=1687 |Green Mostaza=1461 |Green Mostaza Bot=1288 |Superzerocool=1252 |ElGuruCesar=1056 |Althair=1048 |Eclipsis Proteo=1042 |Patricio.lorente=997 |HJGN2=956 |Naturista2018=942 |Ksn.kenny=931 |Lomeno 24=920 |HrAd-ATO=906 |Jormtz=834 |CarsracBot=736 |Kirito=731 |Olea=716 |B1m-bot=713 |Sumone's bot=710 |Viajero del cantábrico=675 |SteveRBot=653 |Alakrano=620 |Grillitus=606 |Banfield=595 |TheDarkFear=576 |FocaBot=562 |Veronidae=543 |CommonsDelinker=526 |Texugo=486 |Marrovi=467 |DerFussi=467 |Racso=460 |Jdiez (LaOfi)=453 |Bradford=435 |Vanbasten 23=424 |Amílcar=405 |Olea (LaOfi)=393 |Travelour=365 |Onwa=338 |Camerano Viejo=337 |Igna=327 |AnniAriel=327 |Viajaste=324 |Gmagno=323 |Lord Ravager=321 |ProtoplasmaKid=320 |Mauvika=310 |Castorice=309 |19Tarrestnom65=303 |Orniosviajero=301 |Willicab=301 |Lingsha=296 |Jsmura=283 |Rheedia=279 |Felino Volador=277 |Mualani=270 |Savh=261 |Julián L. Páez=258 |Angellbosque88=245 |LlamaAl=239 |Antoniograjal=235 |Turbo8000=235 |MarcoAurelio=222 |ElGatoSaez=198 |PetrohsW=197 |Babel AutoCreate=192 |SelfieCity=191 |Iho jose=190 |Community Tech bot=189 |Steinsplitter=185 |Jualve=184 |DARIO SEVERI=178 |Kiwumi=178 |Ezarate=171 |WOSlinker=166 |Alexis Jazz=163 |Hmaglione10=161 |Millars=158 |Trescilindros=157 |Simon Peter Hughes=149 |Marinna=149 |Villalaso=147 |Linehalt=143 |Hasley=143 |Angela Ciccimarra25=141 |SrCerberus=141 |Penarc=140 |JOAN=140 |Municipalidad de Trujillo=139 |DutchTina=131 |RoBeRtArAmIrEz=130 |Renamed user f26394dcb19bd7bdad78f0d752896653=127 |Adolfobrigido=125 |Crochet.david.bot=125 |Hodolog=123 |Pathoschild=122 |Sonoko Konishi=120 |Isaac agredano=120 |Juanantonaya=118 |Agustin Bartolome=112 |Rodriweb=111 |Esturismo=109 |Laberinto16=109 |Alberto.turismo2023=109 |B25es=108 |SHB2000=108 |Vinicius10=104 |AlvaroMolina=99 |Zafkiel GD=95 |Stïnger=93 |The Sophocrat=93 |Loco085=91 |Polsaker=89 |BOToronja=88 |CityForEveryone=88 |ThunderingTyphoons!=86 |Je7roi=86 |Zolsemiya=86 |William y Chesterfield=85 |Carlos Abisai=85 |Eihel=84 |IanTrobsky=83 |Venex=83 |Isaacvp=82 |Jmcp17=82 |Rodelar=81 |Bangladesh=80 |Addicted04=79 |Luxbane=79 |Barcex=77 |Mazbel=77 |Luzcaru=76 |Pedelecs=74 |Kassanmoor=74 |Matiia=72 |Morgalexandra=72 |Joseenriquetk=71 |RileyBot=71 |Chocolate con galleta=70 |Bojraif=69 |Schumi4ever=67 |Lamder=67 |Samaniego123=67 |Carloshistory=65 |Tourister21=62 |Salvador alc=62 |Strakhov=61 |Jluismendoza=61 |Hassanito69=61 |Soljaguar=61 |Villa de Zújar=60 |Hobbitschuster=60 |Hugener=59 |Adroidthene=59 |Carlosmatalive=58 |Decla971=58 |Pecohuh=58 |Invadibot=57 |DavidSedeno=56 |Luchy04=56 |GuDeMi=56 |JuanToño=55 |Simon antonio 2009=55 |Chongkian=55 |Taichi=54 |Raimundo Pastor=53 |Translation Notification Bot=53 |AvicBot=53 |Dojite=52 |MI GENERAL ZAPATA=52 |~2025-38357-25=51 |Heimo66=51 |Minorax=51 |DMzlC=50 |HabibiAyllón=49 |Miacara76=49 |Carlosahuatzin=49 |JulieLespinasse=48 |Ji-Elle=47 |Lizluz89=46 |Arcibel=46 |Sanjorgepinho=46 |HeraldFrancisco NI=46 |Paula García=45 |Romaine=45 |RafaelVinueza=45 |Aqurs1=44 |Angel Casta Turismo2023=44 |Tipiskayla=44 |Mey2008=44 |Alrejo00=44 |Hprmedina=44 |Marmadri=43 |Varlaam=43 |Trymir=43 |EmausBot=42 |Chapeau.judicael=42 |Laura Fiorucci=42 |Alzinous=41 |Koavf=41 |MF-Warburg=41 |Ralf Roletschek=40 |Geógrafo23=40 |Maor X=40 |AntoFran=40 |Katdrei=40 |Edjoerv=40 |Herreral81=39 |Kolega2357-Bot=39 |Anonyme Wikipe-tan=38 |Pimpollo=38 |Sterlabot=38 |LaberintoBOT=38 |ViatorDigitalis=37 |Petefarrand=37 |Kolega2357=37 |Remux=37 |Darrelljon=36 |RBT2232=36 |FSDmar=35 |Meltryth=35 |Balou46=34 |Cgbraschi=34 |Renamed user 23o2iqy4ewqoiudh=34 |Ziv=34 |Rteranb=33 |Credcre=33 |Cmasi=33 |Jellysandwich0=33 |Alhen=33 |RomainGP=33 |Mfrancoavellaneda=33 |Judiosefardi=33 |Wikiwikiman28=32 |Giselle Bordoy (WMAR)=32 |Charai.06=32 |Santiagocienfuegosm=32 |Cynthia.turismo2023=32 |Guiller96=32 |Teseo=32 |5R-MFT=32 |Billinghurst=31 |Clock&horlogue=31 |Nicanlanu=31 |Wakapalabra=31 |Wilfredor=31 |(SVPG)=31 |Pietro=31 |Camilapulka=30 |Martin.rr=30 |Roarboleda=30 |Kulmalukko=30 |Feliperma18=30 |Eddy566=30 |EdwardsBot=30 |Tefita228=29 |Robertbt666=29 |Mmorell=29 |EmBOTellado=29 |Cacen Gymraeg=29 |Maejr=29 |Joseluis2352=28 |Sombra Inquieta=28 |Link58=28 |Fernando10000=28 |Jourdant=28 |Intelelihu=28 |NHhotels=28 |-ecarv-=28 |Chamarasca=28 |Adrián Cerón=28 |Rotideypoc41352=28 |Josefito123=28 |WhiskypediaXDDD=27 |Anibal Maysonet=27 |Alan ffm=27 |Antonio GarMi=27 |Mikas56=27 |Ferney antonio bolivar ramirez=27 |Rizos.13=27 |Bienvenidos Wikipedistas=27 |~2025-35644-08=26 |SoleFabrizio=26 |Guiller=26 |~riley=25 |Jofrigerio=25 |Tantoparanada=25 |Axmf=25 |Campagna 2007=25 |Rsanabriia=25 |Correogsk=25 |Vicocruz10=25 |Calciopedia=25 |Aaharoni-WMF=25 |Script de cambio de nombres de usuario=25 |Rodpractice=24 |Krinkle=24 |Peterfitzgerald=24 |Alpinu=24 |Sahaquiel9102=24 |Yandrak=24 |Karl776=23 |Kzamudio1020=23 |JesusLuc11=23 |Madamebiblio=23 |Seepferd=23 |Tradel=23 |Intijacinto=23 |CarlosEduardoPA=23 |MONUMENTALMELILLA=23 |Mayra García=23 |MJSB73MP=23 |AlbertonGil=23 |LuigiStudio=23 |ReyDerayos24=22 |Anaisagj=22 |ויקיג'אנקי=22 |Sergio Andres Segovia=22 |Dorieo=22 |Discasto=22 |Didival44=22 |EdwinJs=22 |Abelmas=22 |Ltronador=21 |Foximus04=21 |Someonehere12345=21 |~2025-36394-17=21 |Linealle=21 |Oscar .=21 |Luismiguel.vell=21 |AntonelaTroncoso=21 |AnónimoMCG=21 |Use223332237282=21 |ColaborarConBuenaFe=21 |CUNInsider=21 |Emijrp=21 |Holaquetalcomoteva=21 |Peripheria=21 |Aniverso=21 |Jinotega93=20 |Jara-Arroyo=20 |MathXplore=20 |Gray16=20 |Xarucoponce=20 |HakanIST=20 |Penquista=20 |Karturo332=20 |Andyrom75=20 |Txolo=19 |Carliitaeliza=19 |Rafael Calvo Alvarez=19 |Xiva91=19 |Yurek48=19 |-jem-=19 |Feliperma15=19 |Cuenqui=19 |Carsrac=19 |Pedrito63=19 |Mylovedsystem=19 |Attvaritoo Moninitaa DESBANEAME AHORRRAA EN IRC wikipedia-es OBEDECE=19 |Anjo-sozinho=19 |Quinlan83=19 |Handrian=19 |Toniamartinez=19 |Kasok=19 |AIvaroMolina=18 |Hari Seldon=18 |Montxohache=18 |~2026-11792-0=18 |Rkl=18 |Laurilsilva32=18 |DSan=18 |Martin Urbanec=18 |Kwamikagami=18 |Morza=18 |Johonana 21=18 |Aldo Fabian=18 |JorgeGamarraM=18 |隼鷹=18 |PaolaSelena=18 |Plantillero=17 |R1107=17 |Tierrasvivas=17 |Ladsgroup=17 |Litlok=17 |Hinestrosavive137=17 |Agomga14=17 |NoonIcarus=17 |Duar srs=17 |Jake Park=17 |Ana Matilde Upolo Ebuka=17 |Lmoras7=17 |Austral blizzard=17 |Cohenxx=17 |Irn=17 |AHT2018=17 |Patrickpedia=17 |Ulughmuztagh=17 |Majalindo=17 |Makea=17 |Syum90=17 |Tegel=16 |Rschen7754=16 |Jonhvalecilloss=16 |Ferjelo=16 |Jorge Blanco dragon=16 |Vogone=16 |Phoebe=16 |3BRBS=16 |Monchitooo=16 |Ivanhercaz=16 |Æ. L. V. Æ. R. Œ. * M. Œ. L. I. N. Æ=16 |Bestoernesto=16 |Zekialves=16 |Air fans=16 |Juliandiazmr=16 |Casandrii=16 |Loreestef23=16 |No invadamos Surco=16 |Fry1989=16 |MiguelAlanCS=16 |Rubores=16 |SernaturLosRios=16 |Mamagrrr=16 |Jcdemarca=16 |A01274192 Marlen=16 |Isaguinju=16 |Ykartz44=16 |Skipi=15 |AKardej=15 |Dpcossio=15 |Adr-geo=15 |Isabel A01706197=15 |Juan Emilio Prades Bel=15 |~2025-41754-89=15 |Ginés90=15 |Lojwe=15 |Glaisher=15 |Sereniis=15 |Renamed user 5dbfb4c0f8f1d8a129f7e872fb518963=15 |Macacc=15 |Sagoo.19=15 |Tai93=15 |Galopix=15 |JonaCalhoun=15 |Reinapepiada23=15 |Juancar22=15 |User93823728642=15 |NataSciuto=15 |Agomea=15 |MiPueblo2018=15 |Warko=15 |Ceancata=15 |A01274526 Diana=15 |Ayanami San=15 |Mrkstvns=15 |Lacasadeljotta=14 |HelloKitty2010=14 |Livalessi=14 |Euskaldunaa=14 |FLYTOCUBA=14 |Malvinero10=14 |Bobbbcat=14 |AIIIllttvaaardooo Moooommlliiinaaa DESBANEAME EN IRC wikipedia-es O TE MATO=14 |Raulitox69=14 |Nonita008=14 |Cyrax=14 |Michael junior obregon pozo=14 |Hispano77=14 |Radd94=14 |Adriana513=14 |Antonio132002=14 |Kisoito=14 |La enciclopedia libre 292929=14 |Lelacd'arth=14 |Pacopac=14 |#default=Usuario desconocido }}<noinclude>{{documentación}}</noinclude> k3ovtgr7kqw82ucrim07t4mjxeuh3j8 10 6580 253050 253021 2026-05-12T12:01:56Z Jembot 2355 Bot: Actualizando ranking 253050 wikitext text/x-wiki {| class="wikitable sortable" style="font-size: 90%;text-align: center;float: right;" ! # ! Usuario ! Ediciones |- | 1 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]] |- | 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]] |- | 3 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]] |- | 4 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]] |- | 5 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 6 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 7 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4012}}]] |- | 8 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]] |- | 9 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]] |- | 10 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]] |- | colspan="3" | Véase también [[Wikiviajes:Ranking de ediciones]]<br/><small>Actualizado por [[Usuario:Jembot|Jembot]] ([[Usuario discusión:Jembot|disc.]]), 12 de mayo de 2026, 12:00 (UTC)</small> |}<noinclude>{{documentación}}</noinclude> 2m2cmug4ofrzttz97ssfg4ufu7bc5xj 4 6581 253051 253011 2026-05-12T12:01:56Z Jembot 2355 Bot: Actualizando ranking 253051 wikitext text/x-wiki {{/begin|50}} |- | 1 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]] |- | 2 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]] |- | 3 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]] |- | 4 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]] |- | 5 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 6 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 7 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4012}}]] |- | 8 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]] |- | 9 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]] |- | 10 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]] |- | 11 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3382}}]] |- | 12 || [[User:B1mbo|<span style="color:gray">B1mbo</span>]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]] |- | 13 || [[User:Mpeinadopa|<span style="color:gray">Mpeinadopa</span>]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]] |- | 14 || [[User:Kizar|<span style="color:gray">Kizar</span>]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]] |- | 15 || [[User:RolandUnger|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]] |- | 16 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]] |- | 17 || [[User:Aguzado|<span style="color:gray">Aguzado</span>]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]] |- | 18 || [[User:Meruleh|<span style="color:gray">Meruleh</span>]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]] |- | 19 || [[User:HrAd|<span style="color:gray">HrAd</span>]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]] |- | 20 || [[User:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]] |- | 21 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]] |- | 22 || [[User:Razr Nation|<span style="color:gray">Razr Nation</span>]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]] |- | 23 || [[User:Green Mostaza|<span style="color:gray">Green Mostaza</span>]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]] |- | 24 || [[User:Green Mostaza Bot|<span style="color:gray">Green Mostaza Bot</span>]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]] |- | 25 || [[User:Superzerocool|<span style="color:gray">Superzerocool</span>]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]] |- | 26 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1056}}]] |- | 27 || [[User:Althair|<span style="color:gray">Althair</span>]] || [[Special:Contributions/Althair|{{formatnum:1048}}]] |- | 28 || [[User:Eclipsis Proteo|<span style="color:gray">Eclipsis Proteo</span>]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]] |- | 29 || [[User:Patricio.lorente|<span style="color:gray">Patricio.lorente</span>]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]] |- | 30 || [[User:HJGN2|<span style="color:gray">HJGN2</span>]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]] |- | 31 || [[User:Naturista2018|<span style="color:gray">Naturista2018</span>]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]] |- | 32 || [[User:Ksn.kenny|<span style="color:gray">Ksn.kenny</span>]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]] |- | 33 || [[User:Lomeno 24|<span style="color:gray">Lomeno 24</span>]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]] |- | 34 || [[User:HrAd-ATO|<span style="color:gray">HrAd-ATO</span>]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]] |- | 35 || [[User:Jormtz|<span style="color:gray">Jormtz</span>]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]] |- | 36 || [[User:CarsracBot|<span style="color:gray">CarsracBot</span>]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]] |- | 37 || [[User:Kirito|<span style="color:gray">Kirito</span>]] || [[Special:Contributions/Kirito|{{formatnum:731}}]] |- | 38 || [[User:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]] |- | 39 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]] |- | 40 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]] |- | 41 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]] |- | 42 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]] |- | 43 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]] |- | 44 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]] |- | 45 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]] |- | 46 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]] |- | 47 || [[User:FocaBot|<span style="color:gray">FocaBot</span>]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]] |- | 48 || [[User:Veronidae|<span style="color:gray">Veronidae</span>]] || [[Special:Contributions/Veronidae|{{formatnum:543}}]] |- | 49 || [[User:Texugo|<span style="color:gray">Texugo</span>]] || [[Special:Contributions/Texugo|{{formatnum:486}}]] |- | 50 || [[User:Marrovi|<span style="color:gray">Marrovi</span>]] || [[Special:Contributions/Marrovi|{{formatnum:467}}]] {{/end}} 3v21kyd61sryql10eys4t881hzme3af 4 6582 253052 253022 2026-05-12T12:01:58Z Jembot 2355 Bot: Actualizando ranking 253052 wikitext text/x-wiki {{/begin|50}} |- | 1 || [[User:Jembot|Jembot]] (Bot) || [[Special:Contributions/Jembot|{{formatnum:26437}}]] |- | 2 || [[User:Galahad|<span style="color:gray">Galahad</span>]] || [[Special:Contributions/Galahad|{{formatnum:9224}}]] |- | 3 || [[User:Renamed user 0f302287bb0255da1e6eba23d871d103|<span style="color:gray">Renamed user 0f302287bb0255da1e6eba23d871d103</span>]] || [[Special:Contributions/Renamed user 0f302287bb0255da1e6eba23d871d103|{{formatnum:9156}}]] |- | 4 || [[User:KLBot2|<span style="color:gray">KLBot2</span>]] || [[Special:Contributions/KLBot2|{{formatnum:8323}}]] |- | 5 || [[User:ZrbtWm|<span style="color:gray">ZrbtWm</span>]] || [[Special:Contributions/ZrbtWm|{{formatnum:4725}}]] |- | 6 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:4146}}]] |- | 7 || [[User:Aavargasp|<span style="color:gray">Aavargasp</span>]] || [[Special:Contributions/Aavargasp|{{formatnum:4020}}]] |- | 8 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:4012}}]] |- | 9 || [[User:Baji|<span style="color:gray">Baji</span>]] || [[Special:Contributions/Baji|{{formatnum:3769}}]] |- | 10 || [[User:Alan|<span style="color:gray">Alan</span>]] || [[Special:Contributions/Alan|{{formatnum:3477}}]] |- | 11 || [[User:Joancastro21|<span style="color:gray">Joancastro21</span>]] || [[Special:Contributions/Joancastro21|{{formatnum:3441}}]] |- | 12 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:3382}}]] |- | 13 || [[User:B1mbo|<span style="color:gray">B1mbo</span>]] || [[Special:Contributions/B1mbo|{{formatnum:3110}}]] |- | 14 || [[User:Mpeinadopa|<span style="color:gray">Mpeinadopa</span>]] || [[Special:Contributions/Mpeinadopa|{{formatnum:3041}}]] |- | 15 || [[User:Kizar|<span style="color:gray">Kizar</span>]] || [[Special:Contributions/Kizar|{{formatnum:2933}}]] |- | 16 || [[User:RolandUnger|RolandUnger]] || [[Special:Contributions/RolandUnger|{{formatnum:2881}}]] |- | 17 || [[User:MediaWiki message delivery|MediaWiki message delivery]] (Bot) || [[Special:Contributions/MediaWiki message delivery|{{formatnum:2793}}]] |- | 18 || [[User:Elreysintrono|<span style="color:gray">Elreysintrono</span>]] || [[Special:Contributions/Elreysintrono|{{formatnum:2763}}]] |- | 19 || [[User:MABot|MABot]] (Bot) || [[Special:Contributions/MABot|{{formatnum:2449}}]] |- | 20 || [[User:Aguzado|<span style="color:gray">Aguzado</span>]] || [[Special:Contributions/Aguzado|{{formatnum:2446}}]] |- | 21 || [[User:Meruleh|<span style="color:gray">Meruleh</span>]] || [[Special:Contributions/Meruleh|{{formatnum:2338}}]] |- | 22 || [[User:HrAd|<span style="color:gray">HrAd</span>]] || [[Special:Contributions/HrAd|{{formatnum:2254}}]] |- | 23 || [[User:Jorge Abellán|<span style="color:gray">Jorge Abellán</span>]] || [[Special:Contributions/Jorge Abellán|{{formatnum:2210}}]] |- | 24 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:2210}}]] |- | 25 || [[User:Razr Nation|<span style="color:gray">Razr Nation</span>]] || [[Special:Contributions/Razr Nation|{{formatnum:1687}}]] |- | 26 || [[User:Green Mostaza|<span style="color:gray">Green Mostaza</span>]] || [[Special:Contributions/Green Mostaza|{{formatnum:1461}}]] |- | 27 || [[User:Green Mostaza Bot|<span style="color:gray">Green Mostaza Bot</span>]] || [[Special:Contributions/Green Mostaza Bot|{{formatnum:1288}}]] |- | 28 || [[User:Superzerocool|<span style="color:gray">Superzerocool</span>]] || [[Special:Contributions/Superzerocool|{{formatnum:1252}}]] |- | 29 || [[User:ElGuruCesar|ElGuruCesar]] || [[Special:Contributions/ElGuruCesar|{{formatnum:1056}}]] |- | 30 || [[User:Althair|<span style="color:gray">Althair</span>]] || [[Special:Contributions/Althair|{{formatnum:1048}}]] |- | 31 || [[User:Eclipsis Proteo|<span style="color:gray">Eclipsis Proteo</span>]] || [[Special:Contributions/Eclipsis Proteo|{{formatnum:1042}}]] |- | 32 || [[User:Patricio.lorente|<span style="color:gray">Patricio.lorente</span>]] || [[Special:Contributions/Patricio.lorente|{{formatnum:997}}]] |- | 33 || [[User:HJGN2|<span style="color:gray">HJGN2</span>]] || [[Special:Contributions/HJGN2|{{formatnum:956}}]] |- | 34 || [[User:Naturista2018|<span style="color:gray">Naturista2018</span>]] || [[Special:Contributions/Naturista2018|{{formatnum:942}}]] |- | 35 || [[User:Ksn.kenny|<span style="color:gray">Ksn.kenny</span>]] || [[Special:Contributions/Ksn.kenny|{{formatnum:931}}]] |- | 36 || [[User:Lomeno 24|<span style="color:gray">Lomeno 24</span>]] || [[Special:Contributions/Lomeno 24|{{formatnum:920}}]] |- | 37 || [[User:HrAd-ATO|<span style="color:gray">HrAd-ATO</span>]] || [[Special:Contributions/HrAd-ATO|{{formatnum:906}}]] |- | 38 || [[User:Jormtz|<span style="color:gray">Jormtz</span>]] || [[Special:Contributions/Jormtz|{{formatnum:834}}]] |- | 39 || [[User:CarsracBot|<span style="color:gray">CarsracBot</span>]] || [[Special:Contributions/CarsracBot|{{formatnum:736}}]] |- | 40 || [[User:Kirito|<span style="color:gray">Kirito</span>]] || [[Special:Contributions/Kirito|{{formatnum:731}}]] |- | 41 || [[User:Olea|<span style="color:gray">Olea</span>]] || [[Special:Contributions/Olea|{{formatnum:716}}]] |- | 42 || [[User:B1m-bot|<span style="color:gray">B1m-bot</span>]] || [[Special:Contributions/B1m-bot|{{formatnum:713}}]] |- | 43 || [[User:Sumone's bot|<span style="color:gray">Sumone's bot</span>]] || [[Special:Contributions/Sumone's bot|{{formatnum:710}}]] |- | 44 || [[User:Viajero del cantábrico|<span style="color:gray">Viajero del cantábrico</span>]] || [[Special:Contributions/Viajero del cantábrico|{{formatnum:675}}]] |- | 45 || [[User:SteveRBot|<span style="color:gray">SteveRBot</span>]] || [[Special:Contributions/SteveRBot|{{formatnum:653}}]] |- | 46 || [[User:Alakrano|<span style="color:gray">Alakrano</span>]] || [[Special:Contributions/Alakrano|{{formatnum:620}}]] |- | 47 || [[User:Grillitus|<span style="color:gray">Grillitus</span>]] || [[Special:Contributions/Grillitus|{{formatnum:606}}]] |- | 48 || [[User:Banfield|<span style="color:gray">Banfield</span>]] || [[Special:Contributions/Banfield|{{formatnum:595}}]] |- | 49 || [[User:TheDarkFear|<span style="color:gray">TheDarkFear</span>]] || [[Special:Contributions/TheDarkFear|{{formatnum:576}}]] |- | 50 || [[User:FocaBot|<span style="color:gray">FocaBot</span>]] || [[Special:Contributions/FocaBot|{{formatnum:562}}]] {{/end}} 9bx5tics35thkulol0ozmbatu5zpbn2 10 8915 253054 253029 2026-05-12T19:02:03Z Jembot 2355 Bot: Actualizando datos 253054 wikitext text/x-wiki {{#switch:{{uc:{{{1|}}}}}<!-- Las cifras indican el valor de un dólar estadounidense en la moneda correspondiente--> |AED=3.67315 |AFN=63.000191 |ALL=81.349695 |AMD=368.620209 |ANG=1.789884 |AOA=917.999983 |ARS=1384.9941 |AUD=1.381969 |AWG=1.8025 |AZN=1.694974 |BAM=1.665737 |BBD=2.014002 |BDT=122.916542 |BGN=1.668102 |BHD=0.37735 |BIF=2975 |BMD=1 |BND=1.272943 |BOB=6.909768 |BRL=4.908804 |BSD=0.999974 |BTN=95.574596 |BWP=13.497654 |BYN=2.795772 |BYR=19600 |BZD=2.011098 |CAD=1.369995 |CDF=2225.00019 |CHF=0.78069 |CLF=0.023221 |CLP=913.709792 |CNY=6.792099 |COP=3787.63 |CRC=456.337884 |CUP=26.5 |CVE=94.250269 |CZK=20.73075 |DJF=177.720084 |DKK=6.36273 |DOP=59.079702 |DZD=132.256333 |ECS=25000 |EGP=52.897797 |EHP=141,69598146 |ERN=15 |ETB=156.99972 |EUR|€=0.85161 |FJD=2.18585 |FKP=0.732576 |GBP|£=0.738875 |GEL=2.669929 |GHS=11.29855 |GIP=0.732576 |GMD=73.554127 |GNF=8780.000116 |GTQ=7.629479 |GYD=209.200816 |HKD=7.82834 |HNL=26.619812 |HRK=6.419099 |HTG=130.641411 |HUF=304.703018 |IDR=17516.9 |ILS=2.91395 |INR=95.66905 |IQD=1310 |IRR=1312000.00024 |ISK=122.303848 |JMD=158.005681 |JOD=0.709013 |JPY|¥=157.580972 |KES=129.149874 |KGS=87.45024 |KHR=4010.000155 |KMF=419.999758 |KPW=900.018246 |KRW=1492.530196 |KWD=0.30811 |KYD=0.833284 |KZT=463.807245 |LAK=21955.000224 |LBP=89916.084572 |LKR=322.988085 |LRD=183.124998 |LSL=16.54996 |LTL=2.95274 |LVL=0.60489 |LYD=6.32499 |MAD=9.136498 |MDL=17.113657 |MGA=4175.00033 |MKD=52.55373 |MMK=2098.953745 |MNT=3580.85029 |MOP=8.063178 |MRU=40.009654 |MUR=46.709861 |MVR=15.407636 |MWK=1740.999471 |MXN=17.22885 |MYR=3.933986 |MZN=63.90992 |NAD=16.550171 |NGN=1371.890271 |NIO=36.703045 |NOK=9.183365 |NPR=152.919183 |NZD=1.68004 |OMR=0.384495 |PAB=1 |PEN=3.432991 |PGK=4.35025 |PHP=61.519498 |PKR=278.624997 |PLN=3.62166 |PYG=6104.094095 |QAR=3.645502 |RON=4.431008 |RSD=99.981987 |RUB=73.818089 |RWF=1462 |SAR=3.753915 |SBD=8.029009 |SCR=13.897317 |SDG=600.496569 |SEK=9.29088 |SGD=1.271905 |SHP=0.746601 |SLL=20969.496166 |SOS=571.492106 |SRD=37.254498 |SSP= |STD=20697.981008 |SVC=8.75 |SYP=110.529423 |SZL=16.560069 |THB=32.378503 |TJS=9.349521 |TMT=3.5 |TND=2.87225 |TOP=2.40776 |TRY=45.399901 |TTD=6.786301 |TWD=31.532806 |TZS=2592.483424 |UAH=43.949563 |UGX=3758.511585 |USD|$=1 |UYU=39.765444 |UZS=12149.999953 |VED= |VEF= |VES=504.28356 |VND=26339 |VUV=118.32345 |WST=2.709295 |XAF=558.672555 |XCD=2.70255 |XDR=0.69336 |XOF=556.447226 |XPF=102.124946 |YER=238.649812 |ZAR=16.516401 |ZMW=18.82407 |ZWL=321.999592 |#default=12 de mayo de 2026 }} 9b31nici2zdvfl2nrfd650d39ol055y 10 12726 253071 253036 2026-05-13T00:00:07Z Jembot 2355 Bot: Actualizando imagen del día de Commons 253071 wikitext text/x-wiki Azulejo - Igreja de São Bento - Ribeira Brava.jpg 8xo7rp7jbxtjhq3baehiss8kvr4tukw 10 12727 253072 253037 2026-05-13T00:00:07Z Jembot 2355 Bot: Actualizando descripción de la imagen del día de Commons 253072 wikitext text/x-wiki Panel de [[w:Azulejo|azulejos]] que representa a [[w:Virgen de Fátima|Nuestra Señora de Fátima]] en la [[:c:Category:Igreja de São Bento (Ribeira Brava)|iglesia de San Benito]], [[w:Ribeira Brava (Madeira)|Ribeira Brava, Madeira]], Portugal. gie6qx2p0uzvuo3yy6k4b8s1b1ysu9d 2 14879 253069 252592 2026-05-12T23:03:22Z Jsmura 5370 /* Modelo folleto ciudades/lugares */ 253069 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="accordion-item active"> <div class="accordion-clicky"> Pregunta</div> <div class="acorddion-content"> Respuesta</div> </div> <div class="accordion-item"> <div class="accordion-clicky"> Pregunta</div> <div class="acorddion-content"> Respuesta</div> </div> <div class="wvas"> <div class="accordion-item"> <div class="wvas-sh accordion-clicky"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content">MediaWiki es un software wiki libre utilizado por Wikipedia.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> </div> arp792ne52g7kek6lmnya71o2m0p8o2 253095 253069 2026-05-13T05:10:50Z Jsmura 5370 /* Modelo folleto ciudades/lugares */ 253095 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 action=button class="acorddion-clicky" data-aco="faq1">Pregunta 1</div> <div class="acorddion-content active" data-aco="faq1">Respuesta 1</div> <div class="acorddion-clicky" data-aco="faq2">Pregunta 2</div> <div class="acorddion-content" data-aco="faq2">Respuesta 2</div> <div class="acorddion-clicky" data-aco="faq3">Pregunta 3</div> <div class="acorddion-content" data-aco="faq3">Respuesta 3</div> <div class="acorddion-clicky" data-aco="faq4">Pregunta 4</div> <div class="acorddion-content" data-aco="faq4">Respuesta 4</div> tbutp1an3625wrnuge19i6o840cyjwq 253098 253095 2026-05-13T05:14:51Z Jsmura 5370 /* Modelo folleto ciudades/lugares */ 253098 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="accordion-clicky" data-aco="faq1">Pregunta 1</div> <div class="accordion-content active" data-aco="faq1">Respuesta 1</div> <div class="accordion-clicky" data-aco="faq2">Pregunta 2</div> <div class="accordion-content" data-aco="faq2">Respuesta 2</div> <div class="accordion-clicky" data-aco="faq3">Pregunta 3</div> <div class="accordion-content" data-aco="faq3">Respuesta 3</div> <div class="accordion-clicky" data-aco="faq4">Pregunta 4</div> <div class="accordion-content" data-aco="faq4">Respuesta 4</div> 4uldlbbv41pt7fxkby0w2bathit8c9r 4 16437 253053 253023 2026-05-12T12:01:59Z Jembot 2355 Bot: Actualizando ranking 253053 wikitext text/x-wiki {{/begin|15}} |- | 1 || [[User:Urci dream|Urci dream]] || [[Special:Contributions/Urci dream|{{formatnum:88}}]] |- | 2 || [[User:Lord Ravager|Lord Ravager]] || [[Special:Contributions/Lord Ravager|{{formatnum:75}}]] |- | 3 || [[User:Luxbane|Luxbane]] || [[Special:Contributions/Luxbane|{{formatnum:33}}]] |- | 4 || [[User:Igallards7|Igallards7]] || [[Special:Contributions/Igallards7|{{formatnum:31}}]] |- | 5 || [[User:Zerojosefer|Zerojosefer]] || [[Special:Contributions/Zerojosefer|{{formatnum:23}}]] |- | 6 || [[User:GiaDavi|GiaDavi]] || [[Special:Contributions/GiaDavi|{{formatnum:14}}]] |- | 7 || [[User:Duar srs|Duar srs]] || [[Special:Contributions/Duar srs|{{formatnum:9}}]] |- | 8 || [[User:~2026-22938-76|~2026-22938-76]] || [[Special:Contributions/~2026-22938-76|{{formatnum:8}}]] |- | 9 || [[User:Ansocal|Ansocal]] || [[Special:Contributions/Ansocal|{{formatnum:6}}]] |- | 10 || [[User:~2026-25119-66|~2026-25119-66]] || [[Special:Contributions/~2026-25119-66|{{formatnum:5}}]] |- | 11 || [[User:Maralapo|Maralapo]] || [[Special:Contributions/Maralapo|{{formatnum:4}}]] |- | 12 || [[User:Bromoxido|Bromoxido]] (Admin) || [[Special:Contributions/Bromoxido|{{formatnum:4}}]] |- | 13 || [[User:ElPabloRN|ElPabloRN]] || [[Special:Contributions/ElPabloRN|{{formatnum:4}}]] |- | 14 || [[User:CalifaPurpura|CalifaPurpura]] || [[Special:Contributions/CalifaPurpura|{{formatnum:4}}]] |- | 15 || [[User:Nolealess|Nolealess]] || [[Special:Contributions/Nolealess|{{formatnum:4}}]] {{/end}} 4d05mkvxgke970vi9hnjwzz2yhbixyn 2 18363 253056 253046 2026-05-12T21:22:59Z Jsmura 5370 253056 css text/css /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 88px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 82px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } svn894kg5p1jniz1h4h0htekg60u1ak 253057 253056 2026-05-12T21:23:57Z Jsmura 5370 253057 css text/css /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } m8f7rvjhp6g7mm1fa4az114uez5rk45 253058 253057 2026-05-12T21:29:44Z Jsmura 5370 253058 css text/css /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } /* Callouts y normas: mascota arriba, texto abajo */ .wvas-callout, .wvas-norma { flex-direction: column; align-items: center; text-align: center; } .wvas-callout-mascot img, .wvas-norma-mascot img { width: 52px; } .wvas-norma-title, .wvas-callout-title { text-align: center; } } 1fqqq85n8c94hbyayr5e49s3wh20jiz 253059 253058 2026-05-12T21:36:09Z Jsmura 5370 253059 css text/css /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callouts y normas */ .wvas-callout, .wvas-norma { flex-direction: column; align-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: 100%; display: flex; justify-content: center; } .wvas-callout-mascot img, .wvas-norma-mascot img { width: 52px; } .wvas-norma-title, .wvas-callout-title { text-align: center; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } 8be3b7e3ipwzw741da5p4ak057y6cg7 253062 253059 2026-05-12T22:39:49Z Jsmura 5370 253062 css text/css /* Hide the native checkbox */ .accordion-input { display: none; } /* Style the label (header) */ .accordion-label { display: block; padding: 15px; background: #f4f4f4; cursor: pointer; border-bottom: 1px solid #ddd; font-weight: bold; } /* Hide content by default */ .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out; background: white; padding: 0 15px; } /* Show content when checkbox is checked */ .accordion-input:checked ~ .accordion-content { max-height: 200px; /* Adjust based on content height */ padding: 15px; border-bottom: 1px solid #ddd; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callouts y normas */ .wvas-callout, .wvas-norma { flex-direction: column; align-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: 100%; display: flex; justify-content: center; } .wvas-callout-mascot img, .wvas-norma-mascot img { width: 52px; } .wvas-norma-title, .wvas-callout-title { text-align: center; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } gpcox70n8lv4rgnokbcyx52lfrkkl42 253064 253062 2026-05-12T22:43:35Z Jsmura 5370 253064 css text/css .faq-accordion{ max-width:700px; margin:auto; font-family:sans-serif; } .faq-item{ border:1px solid #ccc; margin-bottom:8px; border-radius:6px; overflow:hidden; } .faq-question{ padding:14px; background:#f5f5f5; cursor:pointer; font-weight:bold; } .faq-answer{ display:none; padding:14px; background:white; } .faq-item.active .faq-answer{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callouts y normas */ .wvas-callout, .wvas-norma { flex-direction: column; align-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: 100%; display: flex; justify-content: center; } .wvas-callout-mascot img, .wvas-norma-mascot img { width: 52px; } .wvas-norma-title, .wvas-callout-title { text-align: center; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } dx4j5qk1nmdxnhtb9cru96o7agsf9p7 253065 253064 2026-05-12T22:53:56Z Jsmura 5370 253065 css text/css .faq-answer{ display:none; } .faq-item.active .faq-answer{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callouts y normas */ .wvas-callout, .wvas-norma { flex-direction: column; align-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: 100%; display: flex; justify-content: center; } .wvas-callout-mascot img, .wvas-norma-mascot img { width: 52px; } .wvas-norma-title, .wvas-callout-title { text-align: center; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } iifjaricikrh4u361jp8pr4jym4pn94 253067 253065 2026-05-12T23:01:36Z Jsmura 5370 253067 css text/css .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 80px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about 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-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: flex; gap: 0.7rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-norma-mascot img { width: 60px; height: auto; } .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) ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: flex; gap: 0.8rem; align-items: flex-start; 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 { flex-shrink: 0; } .wvas-callout-mascot img { width: 60px; height: auto; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callouts y normas */ .wvas-callout, .wvas-norma { flex-direction: column; align-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: 100%; display: flex; justify-content: center; } .wvas-callout-mascot img, .wvas-norma-mascot img { width: 52px; } .wvas-norma-title, .wvas-callout-title { text-align: center; } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 60px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } mc7ql89niadv3wjvawnakedv6snaze9 253073 253067 2026-05-13T03:34:20Z Jsmura 5370 253073 css text/css .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 88px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 42px 1fr; gap: 0.7rem; align-items: start; 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: 42px; } .wvas-norma-mascot img { width: 42px; 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: 44px 1fr; gap: 0.8rem; align-items: start; 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: 44px; } .wvas-callout-mascot img { width: 44px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 60px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } p76rjputnolxa5ptr3ym1ojnu00y5xp 253075 253073 2026-05-13T03:42:15Z Jsmura 5370 253075 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 88px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 42px 1fr; gap: 0.7rem; align-items: start; 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: 42px; } .wvas-norma-mascot img { width: 42px; 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: 44px 1fr; gap: 0.8rem; align-items: start; 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: 44px; } .wvas-callout-mascot img { width: 44px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 60px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } iofllb0gm5qpuxt9d95rz2oc6r5820h 253076 253075 2026-05-13T03:44:36Z Jsmura 5370 253076 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 100px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 42px 1fr; gap: 0.7rem; align-items: start; 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: 60px; } .wvas-norma-mascot img { width: 60px; 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: 44px 1fr; gap: 0.8rem; align-items: start; 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: 60px; } .wvas-callout-mascot img { width: 60px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 100px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } 35seyj4duf6taeyqp3hjx980iilcyar 253077 253076 2026-05-13T03:47:29Z Jsmura 5370 253077 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 100px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 60px 1fr; gap: 0.7rem; align-items: start; 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: 60px; } .wvas-norma-mascot img { width: 60px; 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: 44px 1fr; gap: 0.8rem; align-items: start; 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: 60px; } .wvas-callout-mascot img { width: 60px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 100px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } 2v0krn6dfgojzuv8v5p4xs5gkwk9a8z 253078 253077 2026-05-13T03:49:53Z Jsmura 5370 253078 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 60px 1fr; gap: 0.7rem; align-items: start; 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: 60px; } .wvas-norma-mascot img { width: 60px; 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: 44px 1fr; gap: 0.8rem; align-items: start; 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: 60px; } .wvas-callout-mascot img { width: 60px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 100px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } n08uzmcvokhfm8h7eqwce0rqo0dvp03 253079 253078 2026-05-13T03:53:09Z Jsmura 5370 253079 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 70px 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: 70px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 70px; 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: 44px 1fr; gap: 0.8rem; align-items: start; 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: 60px; } .wvas-callout-mascot img { width: 60px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 100px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } 4our32hnyerb4q5jvmz8ddr3nsn9m7t 253080 253079 2026-05-13T03:54:01Z Jsmura 5370 253080 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 44px 1fr; gap: 0.8rem; align-items: start; 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: 60px; } .wvas-callout-mascot img { width: 60px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 100px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } gwbw9zuj2k9vvv1chfmf251ctic8fi1 253081 253080 2026-05-13T03:56:37Z Jsmura 5370 253081 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 54px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } f9abxb89ze6g62362pykmdzxiifd6bb 253082 253081 2026-05-13T03:59:27Z Jsmura 5370 253082 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 26px; 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-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 36px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } bxwai2avdlvw1xltdwukcnjo6z5am40 253084 253082 2026-05-13T04:04:07Z Jsmura 5370 253084 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } efx35sn4mbx4q04e383d4ltknc1ow0h 253085 253084 2026-05-13T04:13:33Z Jsmura 5370 253085 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #085041; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } f4vsantrm6dztuebfx7e4e9onxc1v4h 253086 253085 2026-05-13T04:16:18Z Jsmura 5370 253086 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #085041; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } r7daehv4kcvehxgrnn021tsor120t4q 253087 253086 2026-05-13T04:17:00Z Jsmura 5370 253087 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #A32D2D; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } onvu8sduh1q0es0kwd2nugfa82opiyv 253088 253087 2026-05-13T04:18:04Z Jsmura 5370 253088 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #a47a2d; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } seyntqvuzp2w17czkyi941pcmhattmv 253089 253088 2026-05-13T04:26:40Z Jsmura 5370 253089 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .accordion-item.active .acorddion-content{ display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } rqpiuai9fflclzygluv1nl0d39tue2h 253092 253089 2026-05-13T04:58:45Z Jsmura 5370 253092 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .acorddion-content.active { display:block; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } 81flz5206wu16gm2z94uph7fccyo1lt 253094 253092 2026-05-13T05:10:36Z Jsmura 5370 253094 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .acorddion-content{ display:none; } .acorddion-content.active { display:block; } .acorddion-clicky{ cursor:pointer; user-select:none; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } fybul3o468nfpxhv6my03g8grjmrbw6 253096 253094 2026-05-13T05:14:24Z Jsmura 5370 253096 css text/css /* ════════════════════════════════ Función de acordeón tipo FAQ / Funciona con el js correspondiente ════════════════════════════════ */ .accordion-content{ display:none; } .accordion-content.active { display:block; } .accordion-clicky{ cursor:pointer; user-select:none; } /* ════════════════════════════════ Plantilla: Tríptico - Código para que funcione bien. Full Responsive ════════════════════════════════ */ .triptico { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); align-items: stretch; } .triptico-wrap { max-width: 960px; width: 100%; margin: 0 auto; } .triptico-col { position: relative; display: flex; flex-direction: column; justify-content: space-between; } /* ── card base ── */ .tc-card { position: relative; width: 100%; overflow: hidden; } .tc-card::before { content: ''; display: block; padding-top: var(--card-ratio, 100%); } .tc-card-inner { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } /* imagen wiki como fondo */ .tc-card-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; overflow: hidden; display: block; } .tc-card-img a, .tc-card-img img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; text-decoration: none; pointer-events: none; } /* enlace que cubre todo el card */ .tc-card-link { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; display: block; background: transparent; } .tc-card-link:hover ~ .tc-tag-top, .tc-card-link:hover ~ .tc-tag-bot { background: rgba(0,0,0,0.82); } /* ── tags de esquina ── */ .tc-tag-top { position: absolute; top: 0; left: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-tag-bot { position: absolute; bottom: 0; right: 0; z-index: 10; background: rgba(0,0,0,0.65); color: #fff; font-size: 13px; font-weight: bold; padding: 5px 10px; max-width: 85%; text-align: right; line-height: 1.3; pointer-events: none; transition: background 0.2s; } .tc-card-inner:hover .tc-tag-top { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-card-inner:hover .tc-tag-bot { background: var(--tc-hover, rgba(0,0,0,0.82)); } .tc-tag-top, .tc-tag-bot { transition: background 0.25s; } .tc-tag-top::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } .tc-tag-bot::after { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--tc-acento, transparent); transition: background 0.25s; } /* ── card-vert ── */ .tc-card-vert .tc-card-overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.55); display: flex; align-items: center; justify-content: center; pointer-events: none; } .tc-texto-vert { color: #fff; font-weight: bold; letter-spacing: 0.3em; writing-mode: vertical-rl; transform: rotate(180deg) scaleX(1.4); display: inline-block; text-transform: uppercase; line-height: 1; font-size: var(--vert-size, 56px); z-index: 3; position: relative; pointer-events: none; margin-right: 14px; margin-top: 10px; margin-left: 30px; } /* ── bloque de texto ── */ .tc-texto { width: 100%; padding: 14px 16px; box-sizing: border-box; font-size: 14px; line-height: 1.6; flex: 1; background: var(--tc-texto-bg, transparent); color: var(--tc-texto-color, inherit); } /* ── header flotante ── */ .tc-header-wrap { position: absolute; top: 0; left: 0; right: 0; z-index: 10; display: flex; justify-content: center; pointer-events: none; } .tc-header { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 6px 22px; background: var(--tc-header-bg, #111); color: #fff; font-size: 12px; font-weight: bold; letter-spacing: 0.12em; text-transform: uppercase; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); white-space: nowrap; pointer-events: auto; transition: background 0.25s; } .tc-header::before { content: ''; position: absolute; inset: 2px; clip-path: polygon(10px 0%, 100% 0%, calc(100% - 10px) 100%, 0% 100%); background: linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%); } .tc-header-accent { position: absolute; bottom: -3px; left: 10px; right: 10px; height: 2px; background: var(--tc-acento, #e63946); transition: background 0.25s; } @media (max-width: 900px) { .triptico { grid-template-columns: repeat(2, 1fr); } } @media (max-width: 700px) { .triptico { grid-template-columns: 1fr; } } /* tc-tira */ .tc-tira { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; flex: none; min-height: 72px; max-height: 110px; background: var(--tc-tira-bg, #111); overflow: hidden; } /* línea de acento superior */ .tc-tira::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--tc-tira-acento, #e63946); z-index: 2; } /* brillo sutil */ .tc-tira-shine { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, transparent 50%); pointer-events: none; z-index: 1; } .tc-tira-item { display: flex; flex-direction: column; align-items: center; justify-content: center; flex: 1; min-width: 0; padding: 10px 6px; gap: 3px; text-align: center; transition: background 0.2s; } .tc-tira-items { position: relative; z-index: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; flex: 1; padding: 3px 0 0 0; min-width: 0; } .tc-tira-item:hover { background: rgba(255,255,255,0.04); } .tc-tira-item img, .tc-tira-item a img { width: 20px !important; height: 20px !important; object-fit: contain !important; display: block !important; margin: 0 auto 2px; } .tc-tira-item .thumbinner, .tc-tira-item .thumb, .tc-tira-item figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-tira-label { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.4); text-align: center; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-valor { font-size: 12px; font-weight: bold; color: var(--tc-tira-txt, #fff); text-align: center; line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; width: 100%; } .tc-tira-sep { width: 1px; align-self: stretch; background: rgba(255,255,255,0.08); flex-shrink: 0; margin: 10px 0; } /* ── itinerario ── */ .tc-itinerario { position: relative; width: 100%; box-sizing: border-box; padding: 14px 0 6px 0; background: var(--tc-it-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; } .tc-it-header { display: flex; align-items: center; gap: 8px; padding: 0 14px 10px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); margin-bottom: 4px; } .tc-it-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-it-acento, #e63946); flex: 1; } .tc-it-total { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255,255,255,0.3); } /* línea de tiempo vertical */ .tc-it-linea { position: absolute; left: 28px; top: 50px; bottom: 18px; width: 1px; background: linear-gradient( to bottom, var(--tc-it-acento, #e63946), rgba(255,255,255,0.05) ); } .tc-it-lista { list-style: none; margin: 0; padding: 0 0 8px 0; display: flex; flex-direction: column; justify-content: space-between; flex: 1; } .tc-it-item { position: relative; display: flex; flex-direction: column; padding: 8px 14px 8px 48px; transition: background 0.2s; } .tc-it-item:hover { background: rgba(255,255,255,0.03); } /* nodo en la línea de tiempo */ .tc-it-nodo { position: absolute; left: 22px; top: 13px; width: 13px; height: 13px; border-radius: 50%; background: var(--tc-it-bg, #0d0d0d); border: 2px solid var(--tc-it-acento, #e63946); box-sizing: border-box; z-index: 2; } .tc-it-item:first-child .tc-it-nodo { background: var(--tc-it-acento, #e63946); } /* fila superior: lugar + tiempo */ .tc-it-fila-top { display: flex; align-items: baseline; justify-content: space-between; gap: 6px; margin-bottom: 2px; } .tc-it-lugar { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.3; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tc-it-tiempo { font-size: 9px; font-weight: bold; letter-spacing: 0.06em; color: var(--tc-it-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* actividad */ .tc-it-actividad { font-size: 10px; color: rgba(255,255,255,0.5); line-height: 1.4; margin-bottom: 4px; } /* badges de propiedades */ .tc-it-badges { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 2px; } .tc-it-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.12); color: rgba(255,255,255,0.45); white-space: nowrap; line-height: 1.4; } .tc-it-badge-acento { border-color: var(--tc-it-acento, #e63946); color: var(--tc-it-acento, #e63946); } /* separador entre items */ .tc-it-item + .tc-it-item::before { content: ''; position: absolute; top: 0; left: 48px; right: 14px; height: 1px; background: rgba(255,255,255,0.05); } /* ════════════════════════════════ tc-gastronomia ════════════════════════════════ */ .tc-gastro { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-gastro-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-gastro-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-gastro-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } .tc-gastro-lista { display: flex; flex-direction: column; flex: 1; min-height: 0; justify-content: space-between; } .tc-gastro-item { display: flex; flex-direction: row; align-items: stretch; gap: 0; position: relative; transition: background 0.2s; } .tc-gastro-item:hover { background: rgba(255,255,255,0.03); } .tc-gastro-item + .tc-gastro-item { border-top: 1px solid rgba(255,255,255,0.05); } /* foto */ .tc-gastro-foto { width: 64px; flex-shrink: 0; overflow: hidden; position: relative; } .tc-gastro-foto img, .tc-gastro-foto a img { width: 64px !important; height: 100% !important; min-height: 64px; object-fit: cover !important; object-position: center !important; display: block !important; } .tc-gastro-foto .thumbinner, .tc-gastro-foto .thumb, .tc-gastro-foto figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; width: 100% !important; height: 100% !important; } /* línea de acento lateral */ .tc-gastro-item::before { content: ''; position: absolute; left: 64px; top: 0; bottom: 0; width: 2px; background: var(--tc-gastro-acento, #e63946); opacity: 0; transition: opacity 0.2s; } .tc-gastro-item:hover::before { opacity: 1; } /* contenido textual */ .tc-gastro-info { display: flex; flex-direction: column; justify-content: center; padding: 10px 12px 10px 14px; gap: 3px; flex: 1; min-width: 0; } .tc-gastro-nombre { font-size: 12px; font-weight: bold; color: #fff; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-gastro-lugar { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-gastro-acento, #e63946); } .tc-gastro-desc { font-size: 10px; color: rgba(255,255,255,0.45); line-height: 1.4; margin-top: 2px; } .tc-gastro-badges { display: flex; flex-wrap: wrap; gap: 3px; margin-top: 4px; } .tc-gastro-badge { font-size: 8px; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; padding: 2px 6px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.1); color: rgba(255,255,255,0.4); line-height: 1.4; } .tc-gastro-badge-acento { border-color: var(--tc-gastro-acento, #e63946); color: var(--tc-gastro-acento, #e63946); } /* ════════════════════════════════ tc-transporte ════════════════════════════════ */ .tc-transporte { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-trans-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-trans-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-trans-acento, #1d6fa4); } .tc-trans-subtitulo { font-size: 9px; letter-spacing: 0.06em; color: rgba(255,255,255,0.25); text-transform: uppercase; } /* secciones: transporte y lugares */ .tc-trans-seccion { display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-trans-seccion-label { font-size: 8px; font-weight: bold; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255,255,255,0.2); padding: 7px 14px 4px 14px; } .tc-trans-lista { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-trans-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 7px 14px; position: relative; transition: background 0.2s; } .tc-trans-item:hover { background: rgba(255,255,255,0.03); } .tc-trans-item + .tc-trans-item { border-top: 1px solid rgba(255,255,255,0.05); } /* icono de transporte o lugar */ .tc-trans-icono { width: 28px; height: 28px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; border-radius: 6px; background: rgba(255,255,255,0.05); overflow: hidden; } .tc-trans-icono img, .tc-trans-icono a img { width: 18px !important; height: 18px !important; object-fit: contain !important; display: block !important; } .tc-trans-icono .thumbinner, .tc-trans-icono .thumb, .tc-trans-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-trans-info { display: flex; flex-direction: column; gap: 1px; flex: 1; min-width: 0; } .tc-trans-nombre { font-size: 11px; font-weight: bold; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-desc { font-size: 9px; color: rgba(255,255,255,0.4); line-height: 1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tc-trans-meta { font-size: 9px; font-weight: bold; color: var(--tc-trans-acento, #1d6fa4); white-space: nowrap; flex-shrink: 0; letter-spacing: 0.04em; } /* divisor entre secciones */ .tc-trans-div { height: 1px; background: linear-gradient( to right, var(--tc-trans-acento, #1d6fa4), rgba(255,255,255,0.05) ); margin: 4px 14px; } /* badge de lugar destacado */ .tc-trans-estrella { width: 5px; height: 5px; border-radius: 50%; background: var(--tc-trans-acento, #1d6fa4); flex-shrink: 0; } /* texto adaptable según fondo */ .tc-gastro-nombre { color: var(--tc-gastro-txt, #fff); } .tc-gastro-desc { color: var(--tc-gastro-txt2, rgba(255,255,255,0.45)); } .tc-gastro-badge { color: var(--tc-gastro-txt2, rgba(255,255,255,0.4)); border-color: var(--tc-gastro-borde, rgba(255,255,255,0.1)); } .tc-trans-nombre { color: var(--tc-trans-txt, #fff); } .tc-trans-desc { color: var(--tc-trans-txt2, rgba(255,255,255,0.4)); } .tc-trans-seccion-label { color: var(--tc-trans-txt2, rgba(255,255,255,0.2)); } .tc-trans-subtitulo { color: var(--tc-trans-txt2, rgba(255,255,255,0.25)); } .tc-gastro-subtitulo { color: var(--tc-gastro-txt2, rgba(255,255,255,0.25)); } /* ════════════════════════════════ tc-callout — base compartida ════════════════════════════════ */ .tc-callout { position: relative; width: 100%; box-sizing: border-box; display: flex; flex-direction: row; align-items: stretch; overflow: hidden; } .tc-callout-barra { width: 4px; flex-shrink: 0; background: var(--tc-co-acento, #1d6fa4); } .tc-callout-body { display: flex; flex-direction: column; gap: 4px; padding: 12px 14px; flex: 1; min-width: 0; background: var(--tc-co-bg, rgba(29,111,164,0.08)); } .tc-callout-head { display: flex; flex-direction: row; align-items: center; gap: 8px; } .tc-callout-icono { width: 16px; height: 16px; flex-shrink: 0; display: flex; align-items: center; justify-content: center; overflow: hidden; } .tc-callout-icono img, .tc-callout-icono a img { width: 16px !important; height: 16px !important; object-fit: contain !important; display: block !important; } .tc-callout-icono .thumbinner, .tc-callout-icono .thumb, .tc-callout-icono figure { margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; } .tc-callout-tipo { font-size: 9px; font-weight: bold; letter-spacing: 0.16em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); } .tc-callout-titulo { font-size: 13px; font-weight: bold; color: var(--tc-co-txt, #fff); line-height: 1.3; } .tc-callout-texto { font-size: 11px; line-height: 1.6; color: var(--tc-co-txt2, rgba(255,255,255,0.6)); } .tc-callout-texto a { color: var(--tc-co-acento, #1d6fa4); text-decoration: none; } .tc-callout-texto a:hover { text-decoration: underline; } .tc-callout-footer { font-size: 9px; font-weight: bold; letter-spacing: 0.08em; text-transform: uppercase; color: var(--tc-co-acento, #1d6fa4); margin-top: 2px; } /* ── variante: bloque lleno sin barra lateral ── */ .tc-callout-filled { flex-direction: column; } .tc-callout-filled .tc-callout-barra { width: 100%; height: 3px; } .tc-callout-filled .tc-callout-body { padding: 12px 14px; } /* ── variante: destacado con fondo marcado ── */ .tc-callout-solid .tc-callout-body { background: var(--tc-co-acento, #1d6fa4); } .tc-callout-solid .tc-callout-tipo { color: rgba(255,255,255,0.7); } .tc-callout-solid .tc-callout-titulo { color: #fff; } .tc-callout-solid .tc-callout-texto { color: rgba(255,255,255,0.75); } .tc-callout-solid .tc-callout-footer { color: rgba(255,255,255,0.6); } .tc-callout-solid .tc-callout-barra { background: rgba(0,0,0,0.2); } /* ── separador interno ── */ .tc-callout-sep { height: 1px; background: var(--tc-co-acento, #1d6fa4); opacity: 0.2; margin: 4px 0; } /* ════════════════════════════════ tc-lista — lista de ítems simple ════════════════════════════════ */ .tc-lista { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-lista-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-lista-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); } .tc-lista-titulo { font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-lista-acento, #e63946); } .tc-lista-items { display: flex; flex-direction: column; flex: 1; justify-content: space-between; min-height: 0; } .tc-lista-item { display: flex; flex-direction: row; align-items: center; gap: 10px; padding: 9px 14px; transition: background 0.2s; position: relative; } .tc-lista-item:hover { background: rgba(255,255,255,0.03); } .tc-lista-item + .tc-lista-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-lista-bullet { width: 6px; height: 6px; border-radius: 50%; background: var(--tc-lista-acento, #e63946); flex-shrink: 0; } .tc-lista-txt { font-size: 12px; color: var(--tc-lista-txt, #fff); line-height: 1.4; flex: 1; } .tc-lista-meta { font-size: 10px; font-weight: bold; color: var(--tc-lista-acento, #e63946); white-space: nowrap; flex-shrink: 0; } /* ════════════════════════════════ tc-cita — cita o quote destacado ════════════════════════════════ */ .tc-cita { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-cita-bg, #0d0d0d); display: flex; flex-direction: column; justify-content: center; padding: 20px 18px 16px 22px; overflow: hidden; } .tc-cita-marca { position: absolute; top: 6px; left: 12px; font-size: 52px; line-height: 1; color: var(--tc-cita-acento, #e63946); opacity: 0.25; font-family: Georgia, serif; pointer-events: none; user-select: none; } .tc-cita-barra { position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--tc-cita-acento, #e63946); } .tc-cita-texto { font-size: 13px; line-height: 1.7; color: var(--tc-cita-txt, #fff); font-style: italic; position: relative; z-index: 1; margin-bottom: 10px; } .tc-cita-autor { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-cita-acento, #e63946); position: relative; z-index: 1; } .tc-cita-fuente { font-size: 9px; color: var(--tc-cita-txt2, rgba(255,255,255,0.35)); margin-top: 2px; position: relative; z-index: 1; } /* ════════════════════════════════ tc-stat — estadísticas / cifras ════════════════════════════════ */ .tc-stat { position: relative; width: 100%; box-sizing: border-box; background: var(--tc-stat-bg, #0d0d0d); display: flex; flex-direction: column; flex: 1; min-height: 0; } .tc-stat-header { padding: 10px 14px 8px 14px; border-bottom: 1px solid rgba(255,255,255,0.07); font-size: 10px; font-weight: bold; letter-spacing: 0.18em; text-transform: uppercase; color: var(--tc-stat-acento, #e63946); } .tc-stat-grid { display: grid; grid-template-columns: 1fr 1fr; flex: 1; min-height: 0; } .tc-stat-item { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 14px 8px; gap: 3px; position: relative; transition: background 0.2s; } .tc-stat-item:hover { background: rgba(255,255,255,0.03); } .tc-stat-item:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.05); } .tc-stat-item + .tc-stat-item, .tc-stat-item ~ .tc-stat-item { border-top: 1px solid rgba(255,255,255,0.05); } .tc-stat-item:nth-child(1), .tc-stat-item:nth-child(2) { border-top: none; } .tc-stat-cifra { font-size: 22px; font-weight: bold; color: var(--tc-stat-acento, #e63946); line-height: 1; letter-spacing: -0.02em; } .tc-stat-label { font-size: 9px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; color: var(--tc-stat-txt2, rgba(255,255,255,0.4)); text-align: center; line-height: 1.3; } .tc-stat-sub { font-size: 9px; color: var(--tc-stat-txt2, rgba(255,255,255,0.25)); text-align: center; } /* ════════════════════════════════ ASISTENTE DE CREACIÓN DE ARTÍCULOS ════════════════════════════════ */ /* ── Reset interno ── */ .wvas * { box-sizing: border-box; } .wvas { font-family: 'Segoe UI', Arial, sans-serif; line-height: 1.6; } /* ════════════════════════════════ HERO BANNER ════════════════════════════════ */ .wvas-hero { background: linear-gradient(140deg, #003d5c 0%, #006699 58%, #0099cc 100%); border-radius: 16px; padding: 1.75rem 1.75rem 1.5rem; margin-bottom: 1.25rem; color: #fff; position: relative; overflow: hidden; } .wvas-hero::before { content: ''; position: absolute; top: -50px; right: -40px; width: 230px; height: 230px; background: rgba(255,255,255,0.06); border-radius: 50%; } .wvas-hero::after { content: ''; position: absolute; bottom: -70px; left: 28%; width: 280px; height: 280px; background: rgba(255,255,255,0.04); border-radius: 50%; } .wvas-hero-top { display: flex; align-items: flex-start; gap: 1.25rem; position: relative; z-index: 1; } .wvas-hero-mascot { flex-shrink: 0; } .wvas-hero-mascot img { width: 120px; height: auto; filter: drop-shadow(2px 6px 12px rgba(0,0,0,0.3)); animation: wvas-float 3.5s ease-in-out infinite; } .wvas-hero-text h1 { font-size: 1.75rem; font-weight: 800; line-height: 1.2; margin: 0 0 0.4rem; color: #fff; border: none; padding: 0; } .wvas-hero-lead { font-size: 0.93rem; opacity: 0.9; line-height: 1.6; margin: 0 0 0.6rem; } .wvas-badges { display: flex; gap: 6px; flex-wrap: wrap; } .wvas-badge { font-size: 0.71rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: rgba(255,255,255,0.17); color: #fff; border: 1px solid rgba(255,255,255,0.28); white-space: nowrap; } .wvas-hero-divider { border: none; border-top: 1px solid rgba(255,255,255,0.22); margin: 1.1rem 0 1rem; position: relative; z-index: 1; } .wvas-hero-about { position: relative; z-index: 1; } .wvas-hero-about p { font-size: 0.88rem; opacity: 0.88; line-height: 1.65; margin: 0 0 0.55rem; } .wvas-hero-about a { color: #21e82b; font-weight: 700; } .wvas-hero-about p:last-child { margin: 0; } /* ════════════════════════════════ IMAGE BANNER (5 fotos + corte diagonal) ════════════════════════════════ */ .wvas-img-banner { display: flex; height: 195px; border-radius: 14px; overflow: hidden; margin-bottom: 1.25rem; background: #004d70; } .wvas-img-slot { flex: 1 1 0; overflow: hidden; position: relative; min-width: 0; } .wvas-img-slot:not(:first-child) { clip-path: polygon(22px 0, 100% 0, 100% 100%, 0 100%); margin-left: -22px; } .wvas-img-slot:nth-child(2) { z-index: 2; } .wvas-img-slot:nth-child(3) { z-index: 3; } .wvas-img-slot:nth-child(4) { z-index: 4; } .wvas-img-slot:nth-child(5) { z-index: 5; } .wvas-img-slot figure, .wvas-img-slot .mw-file-description, .wvas-img-slot a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; } .wvas-img-slot img { display: block !important; width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; margin: 0 !important; border: 0 !important; vertical-align: top !important; max-width: none !important; } /* ════════════════════════════════ SECTION HEADER ════════════════════════════════ */ .wvas-sh { display: flex; align-items: center; gap: 0.65rem; margin: 1.9rem 0 1rem; } .wvas-sh-icon { width: 36px; height: 36px; border-radius: 10px; display: flex; align-items: center; justify-content: center; font-size: 19px; flex-shrink: 0; } .wvas-sh h2 { font-size: 1.08rem; font-weight: 800; margin: 0; padding: 0; border: none; color: #003d5c; } .wvas-sh-line { flex: 1; height: 2px; background: #dde4ec; } /* ════════════════════════════════ NORMAS — siempre visibles, con hover Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-normas { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 1.25rem; } .wvas-norma { border-radius: 12px; padding: 0.9rem 1rem; display: grid; grid-template-columns: 90px 1fr; gap: 0.7rem; align-items: center; border: 1.5px solid; transition: transform 0.18s, box-shadow 0.18s; } .wvas-norma:hover { transform: translateY(-2px); box-shadow: 0 4px 14px rgba(0,0,0,0.09); } .wvas-norma-mascot { width: 90px; display: flex; align-items: center; justify-content: center; } .wvas-norma-mascot img { width: 90px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-norma-mascot figure { float: none !important; margin: 0 !important; } .wvas-norma-content { min-width: 0; } .wvas-norma-title { font-weight: 800; font-size: 0.79rem; text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.28rem; } .wvas-norma-text { font-size: 0.82rem; line-height: 1.57; } .wvas-norma-text a { font-weight: 700; } .wvas-n-error { background: #FCEBEB; border-color: #c14343; color: #3d1010; } .wvas-n-error .wvas-norma-title { color: #A32D2D; } .wvas-n-error a { color: #A32D2D; } .wvas-n-warn { background: #FAEEDA; border-color: #c49020; color: #4a2d03; } .wvas-n-warn .wvas-norma-title { color: #7a4a00; } .wvas-n-warn a { color: #854F0B; } .wvas-n-tip { background: #E1F5EE; border-color: #22a87a; color: #0a3d2a; } .wvas-n-tip .wvas-norma-title { color: #0F6E56; } .wvas-n-tip a { color: #085041; } .wvas-n-info { background: #E6F1FB; border-color: #1a7fc1; color: #042C53; } .wvas-n-info .wvas-norma-title { color: #006699; } .wvas-n-info a { color: #006699; } /* ════════════════════════════════ CALLOUT (genérico) Grid interno: mascota | contenido (desktop) mascota (arriba) + contenido (abajo) en mobile ════════════════════════════════ */ .wvas-callout { border-radius: 12px; padding: 0.9rem 1.1rem; margin-bottom: 1rem; display: grid; grid-template-columns: 80px 1fr; gap: 0.8rem; align-items: center; border-left: 4px solid; transition: box-shadow 0.18s; } .wvas-callout:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.07); } .wvas-callout-mascot { width: 80px; display: flex; align-items: center; justify-content: center; } .wvas-callout-mascot img { width: 80px; height: auto; display: block; } /* Neutralizar float que MediaWiki aplica a figure por defecto */ .wvas-callout-mascot figure { float: none !important; margin: 0 !important; } .wvas-callout-content { min-width: 0; } .wvas-callout-title { font-weight: 800; font-size: 0.81rem; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.22rem; } .wvas-callout-body { font-size: 0.85rem; line-height: 1.58; } .wvas-callout-body a { font-weight: 700; text-decoration: none; } .wvas-callout-body a:hover { text-decoration: underline; } .wvas-co-tip { background: #E1F5EE; border-color: #1D9E75; color: #0a3d2a; } .wvas-co-tip .wvas-callout-title { color: #0F6E56; } .wvas-co-tip a { color: #085041; } .wvas-co-info { background: #E6F1FB; border-color: #006699; color: #042C53; } .wvas-co-info .wvas-callout-title { color: #006699; } .wvas-co-info a { color: #185FA5; } .wvas-co-warn { background: #FAEEDA; border-color: #BA7517; color: #4a2d03; } .wvas-co-warn .wvas-callout-title { color: #7a4a00; } .wvas-co-warn a { color: #854F0B; } .wvas-co-purple { background: #EEEDFE; border-color: #534AB7; color: #26215C; } .wvas-co-purple .wvas-callout-title { color: #534AB7; } .wvas-co-purple a { color: #534AB7; } .wvas-co-error { background: #FCEBEB; border-color: #A32D2D; color: #3d1010; } .wvas-co-error .wvas-callout-title { color: #A32D2D; } .wvas-co-error a { color: #A32D2D; } /* ════════════════════════════════ TIPO CARDS — informativas + hover ════════════════════════════════ */ .wvas-tipo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-bottom: 1.5rem; } .wvas-tipo-card { background: #fff; border: 1.5px solid #d0dce8; border-radius: 16px; padding: 1.3rem 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; position: relative; overflow: hidden; transition: transform 0.2s, box-shadow 0.2s, border-color 0.2s; cursor: default; } .wvas-tipo-card:hover { transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,60,100,0.12); border-color: #006699; } .wvas-tipo-card::after { content: ''; position: absolute; bottom: -18px; right: -18px; width: 70px; height: 70px; border-radius: 50%; background: rgba(0,102,153,0.05); transition: transform 0.3s; } .wvas-tipo-card:hover::after { transform: scale(1.4); } .wvas-tipo-card-top { display: flex; align-items: center; gap: 0.8rem; } .wvas-tipo-icon { flex-shrink: 0; } .wvas-tipo-icon img { width: 70px; height: auto; } .wvas-tipo-card h3 { font-size: 1.06rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-tipo-desc { font-size: 0.84rem; color: #445; line-height: 1.57; } .wvas-tipo-ej { font-size: 0.77rem; color: #778; margin-top: 0.2rem; font-style: italic; } .wvas-tipo-tag { display: inline-block; font-size: 0.72rem; font-weight: 700; padding: 3px 10px; border-radius: 20px; background: #E6F1FB; color: #006699; margin-top: 0.3rem; text-decoration: none; transition: background 0.15s; } .wvas-tipo-tag:hover { background: #c5dff0; } .wvas-tc-destino { border-top: 4px solid #006699; } .wvas-tc-tematico { border-top: 4px solid #534AB7; } .wvas-tc-itinerario { border-top: 4px solid #1D9E75; } .wvas-tc-conv { border-top: 4px solid #BA7517; } /* ════════════════════════════════ DESTINO — TABLA DE SUBTIPOS (compacta) ════════════════════════════════ */ .wvas-subtipo-tabla { width: 100%; border-collapse: separate; border-spacing: 0; border: 1.5px solid #dde6ef; border-radius: 14px; overflow: hidden; margin-bottom: 1.1rem; font-size: 0.84rem; } .wvas-subtipo-tabla thead tr { background: #006699; color: #fff; } .wvas-subtipo-tabla thead th { padding: 0.6rem 0.85rem; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-align: left; border: none; } .wvas-subtipo-tabla tbody tr { border-bottom: 1px solid #eef1f5; transition: background 0.15s; } .wvas-subtipo-tabla tbody tr:last-child { border-bottom: none; } .wvas-subtipo-tabla tbody tr:hover { background: #f0f7fc; } .wvas-subtipo-tabla td { padding: 0.65rem 0.85rem; vertical-align: top; border: none; line-height: 1.5; } .wvas-subtipo-tabla td:first-child { white-space: nowrap; font-weight: 800; color: #003d5c; width: 1%; } .wvas-subtipo-tabla td .wvas-st-chip { display: inline-block; font-size: 0.69rem; font-weight: 700; padding: 1px 8px; border-radius: 20px; margin-top: 3px; color: #fff; } .wvas-st-chip-region { background: #534AB7; } .wvas-st-chip-parque { background: #1D9E75; } .wvas-st-chip-ciudadp { background: #BA7517; } .wvas-st-chip-ciudad { background: #006699; } .wvas-st-chip-ciudadg { background: #639922; } .wvas-st-chip-distrito { background: #D85A30; } .wvas-subtipo-tabla td a { color: #006699; font-weight: 600; text-decoration: none; } .wvas-subtipo-tabla td a:hover { text-decoration: underline; } .wvas-subtipo-tabla td small { display: block; color: #778; font-style: italic; font-size: 0.76rem; margin-top: 2px; } /* ════════════════════════════════ WIDGET CREATE PANEL (único por tipo) ════════════════════════════════ */ .wvas-create { background: #f7fbff; border: 2px dashed #9fc9dd; border-radius: 14px; padding: 1.4rem 1.4rem 1.2rem; margin: 0.75rem 0; text-align: center; transition: border-color 0.2s, box-shadow 0.2s; } .wvas-create:hover { border-color: #006699; box-shadow: 0 4px 16px rgba(0,102,153,0.1); } .wvas-create-mascot { display: inline-block; margin-bottom: 0.45rem; } .wvas-create-mascot img { width: 120px; height: auto; animation: wvas-float 2.5s ease-in-out infinite; } .wvas-create h3 { font-size: 1.02rem; font-weight: 800; color: #003d5c; margin: 0 0 0.28rem; padding: 0; border: none; } .wvas-create p { font-size: 0.83rem; color: #667; margin: 0 0 0.8rem; } /* ════════════════════════════════ NIVELES DE CALIDAD ════════════════════════════════ */ .wvas-niveles { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-bottom: 1rem; } .wvas-nivel { border-radius: 11px; padding: 0.85rem 0.8rem; text-align: center; display: flex; flex-direction: column; gap: 0.3rem; border: 1.5px solid transparent; transition: transform 0.18s, box-shadow 0.18s; } .wvas-nivel:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0,0,0,0.08); } .wvas-nivel-icon img { width: 50px; height: auto; margin: 0 auto; } .wvas-nivel h4 { font-size: 0.8rem; font-weight: 800; margin: 0; } .wvas-nivel p { font-size: 0.73rem; line-height: 1.4; margin: 0; opacity: 0.85; } .wvas-nv-1 { background: #F1EFE8; border-color: #B4B2A9; color: #2C2C2A; } .wvas-nv-2 { background: #E6F1FB; border-color: #85B7EB; color: #042C53; } .wvas-nv-3 { background: #E1F5EE; border-color: #5DCAA5; color: #04342C; } .wvas-nv-4 { background: #FAEEDA; border-color: #EF9F27; color: #412402; } /* ════════════════════════════════ CHECKLIST PRE-PUBLICACIÓN ════════════════════════════════ */ .wvas-checklist { background: #fff; border: 1.5px solid #c8e6c8; border-radius: 14px; padding: 1.2rem 1.4rem; margin-bottom: 1rem; } .wvas-checklist-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-checklist-header img { width: 36px; height: auto; } .wvas-checklist-header h3 { font-size: 0.95rem; font-weight: 800; color: #1D5C2F; margin: 0; padding: 0; border: none; } .wvas-check-list { list-style: none; padding: 0; margin: 0; } .wvas-check-list li { display: flex; align-items: flex-start; gap: 0.65rem; font-size: 0.84rem; padding: 0.38rem 0; border-bottom: 1px solid #f2f2f2; color: #333; line-height: 1.5; transition: background 0.12s; } .wvas-check-list li:hover { background: #f7fdf7; border-radius: 6px; padding-left: 4px; } .wvas-check-list li:last-child { border-bottom: none; } .wvas-check-icon { width: 20px; height: 20px; border-radius: 50%; background: #E1F5EE; border: 1.5px solid #1D9E75; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #1D9E75; flex-shrink: 0; font-weight: 900; margin-top: 2px; } /* ════════════════════════════════ AYUDA — LINKS GRID + hover ════════════════════════════════ */ .wvas-ayuda-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 1rem; } .wvas-ayuda-card { background: #fff; border: 1.5px solid #dde6ef; border-radius: 12px; padding: 1rem 0.9rem; text-align: center; text-decoration: none; color: inherit; display: flex; flex-direction: column; align-items: center; gap: 0.38rem; transition: border-color 0.18s, box-shadow 0.18s, transform 0.18s; } .wvas-ayuda-card:hover { border-color: #006699; box-shadow: 0 4px 14px rgba(0,102,153,0.12); transform: translateY(-2px); } .wvas-ayuda-card img { width: 50px; height: auto; } .wvas-ayuda-card h4 { font-size: 0.82rem; font-weight: 800; color: #003d5c; margin: 0; } .wvas-ayuda-card p { font-size: 0.74rem; color: #778; line-height: 1.4; margin: 0; } /* ════════════════════════════════ REFERENCIA ARTÍCULOS ACEPTABLES ════════════════════════════════ */ .wvas-ref-box { background: #fff; border: 1.5px solid #dde6ef; border-radius: 14px; padding: 1.1rem 1.3rem; margin-bottom: 1rem; } .wvas-ref-header { display: flex; align-items: center; gap: 0.65rem; margin-bottom: 0.85rem; } .wvas-ref-header img { width: 36px; height: auto; } .wvas-ref-header h3 { font-size: 0.95rem; font-weight: 800; color: #003d5c; margin: 0; padding: 0; border: none; } .wvas-ref-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1.5rem; } .wvas-ref-col-title { font-size: 0.78rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .wvas-col-ok .wvas-ref-col-title { color: #1D9E75; } .wvas-col-bad .wvas-ref-col-title { color: #A32D2D; } .wvas-ref-list { list-style: none; padding: 0; margin: 0 0 0.5rem; } .wvas-ref-list li { font-size: 0.82rem; padding: 4px 0; display: flex; gap: 6px; align-items: baseline; border-bottom: 0.5px solid #f2f2f2; line-height: 1.45; transition: background 0.12s; } .wvas-ref-list li:hover { background: #fafafa; padding-left: 4px; border-radius: 4px; } .wvas-ref-list li:last-child { border-bottom: none; } .wvas-col-ok .wvas-ref-list li::before { content: '✓'; color: #1D9E75; font-weight: 900; flex-shrink: 0; } .wvas-col-bad .wvas-ref-list li::before { content: '✕'; color: #A32D2D; font-weight: 900; flex-shrink: 0; } .wvas-ref-nota { font-size: 0.78rem; color: #666; padding-top: 0.5rem; border-top: 1px solid #eee; margin-top: 0.5rem; } .wvas-ref-nota ul { list-style: none; padding: 0; margin: 0; } .wvas-ref-nota li::before { content: '· '; } /* ════════════════════════════════ ANIMACIÓN FLOTANTE ════════════════════════════════ */ @keyframes wvas-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } } /* ════════════════════════════════ RESPONSIVE ════════════════════════════════ */ @media (max-width: 760px) { .wvas-hero-text h1 { font-size: 1.45rem; } .wvas-normas { grid-template-columns: 1fr; } .wvas-tipo-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-ayuda-grid { grid-template-columns: repeat(2, 1fr); } .wvas-img-banner { height: 130px; } .wvas-subtipo-tabla { font-size: 0.79rem; } /* Callout y norma: colapsar grid a 1 columna → mascota arriba, texto abajo */ .wvas-callout { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-norma { grid-template-columns: 1fr; justify-items: center; text-align: center; } .wvas-callout-mascot, .wvas-norma-mascot { width: auto; } .wvas-callout-content, .wvas-norma-content { width: 100%; text-align: left; /* el texto interior alineado a la izquierda */ } .wvas-callout-title, .wvas-norma-title { text-align: center; /* solo el título centrado */ } } @media (max-width: 520px) { .wvas-hero-top { flex-direction: column; gap: 0.75rem; } .wvas-hero-mascot img { width: 66px; } .wvas-hero-text h1 { font-size: 1.22rem; } .wvas-img-banner { height: 95px; border-radius: 10px; } .wvas-ref-cols { grid-template-columns: 1fr; } .wvas-ayuda-grid { grid-template-columns: 1fr; } .wvas-niveles { grid-template-columns: repeat(2, 1fr); } .wvas-subtipo-tabla thead { display: none; } .wvas-subtipo-tabla td { display: block; padding: 0.3rem 0.7rem; } .wvas-subtipo-tabla td:first-child { padding-top: 0.7rem; } .wvas-subtipo-tabla tbody tr { display: block; border-bottom: 2px solid #eef1f5; } } djw4y9s0454i998ck6gmh5aijrytow4 2 18395 253060 253047 2026-05-12T21:44:54Z Jsmura 5370 253060 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wikivoyage-logo.svg|60px|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Verifica en la [[Especial:Buscar|caja de búsqueda]] que no exista ya un artículo sobre el mismo tema.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wikivoyage-logo.svg|60px|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y todos los puntos mapeables.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wikivoyage-logo.svg|60px|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> ar9hxmbwejgfl8cza20mitd28deaors 253061 253060 2026-05-12T21:59:06Z Jsmura 5370 253061 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> r58lq60m785y85ncnghpo3eff7ifodh 253070 253061 2026-05-12T23:12:58Z Jsmura 5370 253070 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-item"> <div class="accordion-clicky" id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div class="accordion-item active"> <div class="accordion-clicky" id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> pillseamtzg8mde28q8xgfpvggmr8b5 253074 253070 2026-05-13T03:40:28Z Jsmura 5370 253074 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|42px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|54px|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-item"> <div class="accordion-clicky" id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|24px|link=|alt=]]<br/>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div class="accordion-item active"> <div class="accordion-clicky" id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|26px|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|36px|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|36px|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|44px|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> izt9a5dnvgy0oga5o0bihf6lbbx5kjp 253083 253074 2026-05-13T04:03:57Z Jsmura 5370 253083 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svglink=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-item"> <div class="accordion-clicky" id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div class="accordion-item active"> <div class="accordion-clicky" id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> bev53mupbuwo4gtb9qxl02a1afn013w 253090 253083 2026-05-13T04:27:04Z Jsmura 5370 253090 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-item"> <div class="accordion-clicky" id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>[[Archivo:Wikivoyage-logo.svg|link=|alt=]]<br/>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div class="accordion-item active"> <div class="accordion-clicky" id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="acorddion-content"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> avaar2bnzkbe3xyhj84z5n6i19e3mgl 253099 253090 2026-05-13T05:22:31Z Jsmura 5370 253099 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div class="accordion-clicky" data-aco="destino" id="wvas-sec-destino"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content active" data-aco="destino"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div class="accordion-clicky" data-aco="tematico" id="wvas-sec-tematico"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content" data-aco="tematico"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div class="accordion-clicky" data-aco="itinerario" id="wvas-sec-itinerario"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content" data-aco="itinerario"> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div class="accordion-clicky" data-aco="conversacion" id="wvas-sec-conversacion"> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content" data-aco="conversacion"> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> pcziawfnmfg43v62tmz0gq9onnhhwg8 253100 253099 2026-05-13T05:26:17Z Jsmura 5370 253100 wikitext text/x-wiki <div class="wvas"> <!-- ================================================================ PLANTILLA: ACA Hero ================================================================ --> <div class="wvas-hero"> <div class="wvas-hero-top"> <div class="wvas-hero-mascot">[[Archivo:Wiki Sable Chibi.png|link=|alt=Mascota de Wikiviajes]]</div> <div class="wvas-hero-text"> <h1>¡Crea tu guía de viaje en Wikiviajes!</h1> <p class="wvas-hero-lead">Comparte tu conocimiento del mundo con millones de viajeros. Te guiamos paso a paso para publicar un artículo completo, útil y confiable.</p> <div class="wvas-badges"><span class="wvas-badge">Proyecto colaborativo</span><span class="wvas-badge">Contenido libre</span><span class="wvas-badge">Desde el 15 de enero de 2013</span> </div> </div> </div> <hr class="wvas-hero-divider"/> <div class="wvas-hero-about" > <p>'''Wikiviajes''' es una guía de viajes construida por voluntarios con la misión de ofrecer contenido [[WV:DR|libre]], completo, actualizado y confiable, donde ciudadanos de todo el mundo colaboran movidos por el espíritu de compartir conocimiento que hace tan especial viajar.</p> <p>El [[WV:Objetivos|objetivo principal]] es crear una guía turística sobre cada [[WV:Destinos|destino del mundo]]. Existen [[WV:R|criterios claros]] sobre qué es un [[WV:¿Qué es un artículo?|artículo aceptable]]: cualquier contribución que los cumpla es bienvenida. Puedes crear, actualizar, editar e ilustrar artículos. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir!</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ImageBanner NOTA: Usar imágenes de relación horizontal (paisaje), mínimo 600px de ancho ================================================================ --> <div class="wvas-img-banner"> <div class="wvas-img-slot">[[Archivo:{{{img1|Delicious Street Food - 2.jpg}}}|300px|frameless|link=|alt=Destino 1]]</div> <div class="wvas-img-slot">[[Archivo:{{{img2|Sinulog Festival (2023) contingents in street dance 05.jpg}}}|300px|frameless|link=|alt=Destino 2]]</div> <div class="wvas-img-slot">[[Archivo:{{{img3|Light art, Light show, Colorful impressions, Moscow Manege, Russia.jpg}}}|300px|frameless|link=|alt=Destino 3]]</div> <div class="wvas-img-slot">[[Archivo:{{{img4|Jennie Milton Uçurtma Kayağı.jpg}}}|300px|frameless|link=|alt=Destino 4]]</div> <div class="wvas-img-slot">[[Archivo:{{{img5|Colorful autumn forest.jpg}}}|300px|frameless|link=|alt=Destino 5]]</div> </div> <!-- ================================================================ PLANTILLA: ACA Normas ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📋</div> <h2>Normas esenciales antes de empezar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-normas"> <div class="wvas-norma wvas-n-error"> <div class="wvas-norma-mascot">[[Archivo:Wiki Sable Chibi Thinking.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">🚫 Sin copias — evita el plagio</div> <div class="wvas-norma-text">No copies artículos de otras páginas que no liberen contenidos bajo licencia libre: es [[WV:DR|plagio]] y serán [[Wikiviajes:Borrado rápido|borrados de inmediato]]. Tampoco copies textualmente artículos de [[w:|Wikipedia]]: su tono enciclopédico no encaja con el objetivo de guía práctica para el viajero.</div> </div> </div> <div class="wvas-norma wvas-n-warn"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">✍️ Tono coloquial, no académico</div> <div class="wvas-norma-text">Usa [[WV:Tono|un tono]] animado e informal. No caigas en el argot extremo, pero tampoco en el lenguaje académico pesado. Escríbele al lector como si le contaras el destino a un amigo curioso. La redacción aburrida no es bienvenida.</div> </div> </div> <div class="wvas-norma wvas-n-tip"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div> <div class="wvas-norma-title">⚖️ Honestidad y objetividad</div> <div class="wvas-norma-text">Recuerda que el [[WV:El viajero es lo primero|viajero es lo primero]]. Sé [[WV:Sé justo|honesto y objetivo]] al describir un destino o atracción. Tus puntos de vista personales o [[WV:PROMO|intereses promocionales]] no deben alterar la neutralidad de la reseña.</div> </div> </div> <div class="wvas-norma wvas-n-info"> <div class="wvas-norma-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-norma-title">📐 Sigue el manual de estilo</div> <div class="wvas-norma-text">Crea tu artículo siguiendo el [[WV:MDE|manual de estilo]]: formato de números, [[WV:Convención de títulos|títulos]], formato de [[WV:Listados|listados]] y categorización. Una presentación coherente hace los artículos más útiles y confiables para quien viaja.</div> </div> </div> </div> <!-- ================================================================ PLANTILLA: ACA CalloutBorrador ================================================================ --> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">📝 ¿Eres nuevo/a en Wikiviajes? Usa tu taller personal</div> <div class="wvas-callout-body">Antes de publicar directamente en el espacio principal, te recomendamos trabajar en tu '''[{{fullurl:Especial:MiPágina/Taller|action=edit&redlink=1}} taller personal]'''. Esto te permite desarrollar el artículo a tu ritmo sin riesgo de que sea borrado por no cumplir aún todos los [[WV:BR|criterios de borrado]]. Una vez que estés satisfecho/a con el resultado, puedes moverlo al espacio principal con la ayuda de la comunidad.</div> </div> </div> <!-- ================================================================ PLANTILLA: ACA TiposOverview ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">📂</div> <h2>Tipos de artículo en Wikiviajes</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:1.1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Map.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">ℹ️ Elige el tipo antes de crear tu artículo</div> <div class="wvas-callout-body">Cada tipo de artículo tiene su propia estructura, criterios y plantilla de contenido. Lee las descripciones a continuación, identifica cuál corresponde a lo que quieres crear y desplázate hasta esa sección para encontrar el asistente de creación correspondiente.</div> </div> </div> <div class="wvas-tipo-grid"> <div class="wvas-tipo-card wvas-tc-destino"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=Destino]]</div> <h3>🏙️ Destino</h3> </div> <div class="wvas-tipo-desc">Un lugar geográfico donde el viajero se aventura: visita atracciones, se hospeda y realiza actividades. Es el tipo de artículo más común en Wikiviajes.</div> <div class="wvas-tipo-ej">Incluye: regiones, ciudades de cualquier tamaño, parques nacionales, reservas y distritos urbanos.</div> <span class="wvas-tipo-tag">[[#wvas-sec-destino|→ Ir a la sección Destino]]</span> </div> <div class="wvas-tipo-card wvas-tc-tematico"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Artículo temático]]</div> <h3>💡 Artículo temático</h3> </div> <div class="wvas-tipo-desc">Trata un tema tan general que se aplica a gran cantidad de destinos y no está ligado a ninguno en particular. Cubre tópicos que el viajero necesita sin importar a dónde va.</div> <div class="wvas-tipo-ej">Ej: «Turismo de mochilero», «Viajar con mascotas», «Cómo usar el transporte público».</div> <span class="wvas-tipo-tag">[[#wvas-sec-tematico|→ Ir a la sección Temático]]</span> </div> <div class="wvas-tipo-card wvas-tc-itinerario"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Itinerario]]</div> <h3>🗓️ Itinerario</h3> </div> <div class="wvas-tipo-desc">Guía para recorrer una ruta específica o varios destinos en secuencia, con sugerencias de paradas, qué ver, cómo prepararse y cuánto tiempo dedicar.</div> <div class="wvas-tipo-ej">Ej: «Ruta de los Lagos patagónicos», «Camino Inca en 4 días», «Costa a costa por México».</div> <span class="wvas-tipo-tag">[[#wvas-sec-itinerario|→ Ir a la sección Itinerario]]</span> </div> <div class="wvas-tipo-card wvas-tc-conv"> <div class="wvas-tipo-card-top"> <div class="wvas-tipo-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=Guía de conversación]]</div> <h3>💬 Guía de conversación</h3> </div> <div class="wvas-tipo-desc">Lista comprensiva con los aspectos más esenciales de un idioma para que el viajero pueda comunicarse con los locales sin necesidad de dominarlo.</div> <div class="wvas-tipo-ej">Cubre: pronunciación, saludos, transporte, alojamiento, gastronomía, compras y emergencias.</div> <span class="wvas-tipo-tag">[[#wvas-sec-conversacion|→ Ir a la sección Conversación]]</span> </div> </div> <!-- ================================================================ PLANTILLA: ACA SeccionDestino ================================================================ --> <div id="wvas-sec-destino"> <div class="wvas-sh accordion-clicky" data-aco="destino"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🏙️</div> <h2>Destino</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content active" data-aco="destino"> <div class="wvas-callout wvas-co-info"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🏙️ ¿Qué es un artículo de Destino?</div> <div class="wvas-callout-body">Un destino es un lugar geográfico donde el viajero se aventura para realizar actividades, visitar atracciones turísticas y hospedarse. Existen [[WV:JG|varios subtipos]] según la escala y la cantidad de información disponible. Consulta la tabla siguiente para identificar cuál corresponde a lo que quieres crear, y luego usa el asistente al final de esta sección.</div> </div> </div> <!-- Tabla compacta de los 6 subtipos con toda la info consolidada --> <table class="wvas-subtipo-tabla"> <tr> <th>Subtipo</th> <th>Descripción y criterios</th> <th>Ejemplos</th> </tr> <tr> <td>🌄 '''Región'''<br/><span class="wvas-st-chip wvas-st-chip-region">subtipo</span> </td> <td>División subnacional inferior a un país pero superior a una ciudad. Puede ser geográfica, cultural o administrativa. No debe solaparse con regiones existentes. Consulta los [[WV:JG#Regiones|criterios de región]].</td> <td><small>Patagonia, Andalucía, Altiplano, Caribe colombiano, Región Metropolitana</small></td> </tr> <tr> <td>🌿 '''Parque / Reserva'''<br/><span class="wvas-st-chip wvas-st-chip-parque">subtipo</span> </td> <td>Espacio natural al aire libre donde el viajero disfruta la naturaleza y realiza actividades. Incluye parques nacionales, reservas, áreas de conservación y monumentos naturales. Consulta los [[WV:JG#Otras divisiones|criterios de parque]].</td> <td><small>P. N. Yellowstone, P. N. Torres del Paine, Reserva de la Biósfera del Manu</small></td> </tr> <tr> <td>🏘️ '''Ciudad pequeña'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadp">subtipo</span> </td> <td>Localidad de poca población y escasos sitios de interés turístico, con información suficiente para una guía básica pero sin llegar a la densidad de una ciudad mediana. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Iqaluit, Granollers, Villa de Leyva, Puerto Natales</small></td> </tr> <tr> <td>🌆 '''Ciudad'''<br/><span class="wvas-st-chip wvas-st-chip-ciudad">subtipo</span> </td> <td>Destino urbano de tamaño intermedio con oferta turística variada: más contenido que una ciudad pequeña, pero sin requerir división en distritos. Es el tipo más frecuente. Consulta los [[WV:JG#Ciudades|criterios de ciudad]].</td> <td><small>Adelaida, Cusco, Medellín, Montevideo, Quito</small></td> </tr> <tr> <td>🏙️ '''Ciudad grande'''<br/><span class="wvas-st-chip wvas-st-chip-ciudadg">subtipo</span> </td> <td>Gran metrópolis con amplia superficie, mucha población y tantas atracciones que resulta necesario dividirla en distritos. Si la ciudad que vas a crear podría dividirse en distritos, usa este subtipo. Consulta los [[WV:JG#Ciudades|criterios de ciudad grande]].</td> <td><small>Ciudad de México, Buenos Aires, Lima, Bogotá, Santiago de Chile</small></td> </tr> <tr> <td>📍 '''Distrito'''<br/><span class="wvas-st-chip wvas-st-chip-distrito">subtipo</span> </td> <td>Subdivisión de una ciudad grande. '''La ciudad madre debe existir antes de crear el distrito.''' El título debe indicar la ciudad: entre paréntesis — [[Cuauhtémoc (Ciudad de México)]] — o con barra diagonal — [[Buenos Aires/Microcentro]]. Consulta los [[WV:JG#Distritos|criterios de distrito]].</td> <td><small>Cuauhtémoc (CdMx), BA/San Telmo, Lima/Miraflores, Santiago/Bellavista</small></td> </tr> </table> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🔍 Antes de crear: verifica que no exista</div> <div class="wvas-callout-body">Busca en la [[Especial:Buscar|caja de búsqueda]] si ya existe un artículo sobre el mismo lugar. Consulta la [[WV:Convención de títulos|convención de títulos]] para asegurarte del nombre correcto: mayúsculas, idioma y formato de paréntesis o barra. ¡Evita duplicar esfuerzos!</div> </div> </div> <!-- WIDGET ÚNICO para todos los subtipos de Destino --> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Bus Parade.png|link=|alt=]]</div> <h3>¡Crea tu artículo de Destino!</h3> <p>Escribe el nombre del lugar en el buscador/creador de árticulos. Elige el subtipo correcto:<br/>[[WV:JG|región · parque · ciudad pequeña · ciudad · ciudad grande · distrito]]</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-destino --> <!-- ================================================================ PLANTILLA: ACA SeccionTematico ================================================================ --> <div id="wvas-sec-tematico"> <div class="wvas-sh accordion-clicky" data-aco="tematico" > <div class="wvas-sh-icon" style="background:#EEEDFE;">💡</div> <h2>Artículo temático</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content" data-aco="tematico"> <div class="wvas-callout wvas-co-purple"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💡 ¿Qué es un artículo temático?</div> <div class="wvas-callout-body">Un artículo temático [[WV:R#Nota de viaje|trata un tema específico]] que es demasiado general para incluirse en un artículo de destino concreto. Sus tópicos se aplican a gran cantidad de destinos y no están ligados a ninguno en particular. Debe ser '''genérico''' (aplicable en muchos contextos), '''independiente''' del destino y claramente relacionado con los viajes.<br/><br/>Si el tema que quieres escribir solo aplica a un destino específico, coloca esa información directamente dentro del artículo de ese destino, no como artículo temático separado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Guiding.png|link=|alt=]]</div> <h3>¡Crea tu artículo temático!</h3> <p>Debe ser genérico, aplicable a muchos destinos y no ligado a ninguno. Consulta los [[WV:R#Nota de viaje|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-tematico --> <!-- ================================================================ PLANTILLA: ACA SeccionItinerario ================================================================ --> <div id="wvas-sec-itinerario"> <div class="wvas-sh accordion-clicky" data-aco="itinerario"> <div class="wvas-sh-icon" style="background:#E1F5EE;">🗓️</div> <h2>Itinerario</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content" data-aco="itinerario"> <div class="wvas-callout wvas-co-tip"> <div class="wvas-callout-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🗓️ ¿Qué es un itinerario?</div> <div class="wvas-callout-body">Un [[WV:R#Itinerario|itinerario]] es una guía para viajar a lo largo de una ruta específica o a través de varios destinos, con sugerencias sobre dónde detenerse, qué ver, cómo prepararse y en qué orden visitar los puntos. A diferencia de un artículo de destino, el itinerario describe el '''recorrido en sí''', no el lugar aislado.</div> </div> </div> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⚠️ Requisitos mínimos para que sea aceptado</div> <div class="wvas-callout-body">Para ser [[WV:R#Itinerarios|incluido en Wikiviajes]], el itinerario debe cumplir '''todos''' estos requisitos: * Incluir '''al menos dos destinos''' * Describir '''al menos cinco atracciones''' turísticas * Cubrir '''al menos un día entero''' de actividad * Todos los puntos deben poder '''ubicarse en un mapa''' Sin cumplir estos mínimos, el itinerario no podrá ser publicado.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Camping.png|link=|alt=]]</div> <h3>¡Crea tu itinerario!</h3> <p>Recuerda: mínimo 2 destinos, 5 atracciones, 1 día completo y poder ubicarse en un mapa. Consulta los [[WV:R#Itinerarios|criterios establecidos]].</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-itinerario --> <!-- ================================================================ PLANTILLA: ACA SeccionConversacion ================================================================ --> <div id="wvas-sec-conversacion"> <div class="wvas-sh accordion-clicky" data-aco="conversacion"> <div class="wvas-sh-icon" style="background:#FAEEDA;">💬</div> <h2>Guía de conversación</h2> <div class="wvas-sh-line"></div> </div> <div class="accordion-content" data-aco="conversacion"> <div class="wvas-callout wvas-co-warn"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">💬 ¿Qué es una guía de conversación?</div> <div class="wvas-callout-body">Una guía de conversación es una lista comprensiva con los aspectos más esenciales del idioma en cuestión, para que el viajero pueda manejarse por sí mismo con los locales en un destino donde se habla otra lengua.<br/><br/>Una buena guía incluye: sistema de escritura y pronunciación básica, saludos y expresiones cotidianas, frases para transporte, alojamiento, gastronomía, compras, salud y emergencias. El título debe seguir el formato '''«Guía de conversación del [idioma]»'''.</div> </div> </div> <div class="wvas-create"> <div class="wvas-create-mascot">[[Archivo:Wiki Sable Chibi Writing.png|link=|alt=]]</div> <h3>¡Crea tu guía de conversación!</h3> <p>Lista comprensiva del idioma con vocabulario esencial: saludos, transporte, alojamiento, gastronomía y emergencias. Incluye vocabulario esencial para que el viajero pueda comunicarse con los locales en las situaciones más habituales.</p> {{Buscador |tipo = Creación |estilo = font-size:90%; font-style:italic; font-weight:normal; text-align:left; |precarga = Plantilla:Asistente para la creación de artículos/{{{precarga}}} |editintro = Plantilla:Asistente para la creación de artículos/{{{editintro}}} |etiqueta1 = Crear artículo nuevo |mensaje = Ingresa el nombre de tu artículo nuevo aquí |resumen de edición = Artículo creado con el [[WV:ACA|#Asistentedeartículos]] }} </div> </div> </div><!-- /wvas-sec-conversacion --> <!-- ================================================================ PLANTILLA: ACA ReferenciaArticulos ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#FCEBEB;">📌</div> <h2>Referencia: ¿qué puede y qué no puede tener artículo propio?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-ref-box"> <div class="wvas-ref-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>Artículos aceptables e inaceptables en Wikiviajes</h3> </div> <div class="wvas-ref-cols"> <div class="wvas-col-ok"> <div class="wvas-ref-col-title">✅ Aceptables</div> <ul class="wvas-ref-list"> <li>Continentes (ej. [[África]])</li> <li>Regiones continentales (ej. [[Medio Oriente]])</li> <li>Países (ej. [[España]], [[México]])</li> <li>Regiones subnacionales (ej. [[Provincia de Buenos Aires]])</li> <li>Ciudades de cualquier tamaño (ej. [[Tokio]], [[Iqaluit]])</li> <li>Distritos de ciudades grandes</li> <li>Parques nacionales y reservas naturales</li> <li>Itinerarios que cumplen los criterios mínimos</li> <li>Artículos temáticos genéricos sobre viajes</li> <li>Guías de conversación de idiomas</li> </ul> </div> <div class="wvas-col-bad"> <div class="wvas-ref-col-title">🚫 Inaceptables</div> <ul class="wvas-ref-list"> <li>Empresas y otras organizaciones</li> <li>Museos, estatuas e instituciones de arte aisladas</li> <li>Parques locales, plazas y calles</li> <li>Festivales y eventos de reducida envergadura</li> <li>Sistemas de transporte y estaciones</li> <li>Personas, animales u objetos no relacionados con viajes</li> <li>Cuerpos de agua como artículo independiente</li> <li>Islas deshabitadas</li> <li>Instalaciones gubernamentales o militares restringidas</li> <li>Directorios web y páginas amarillas</li> <li>[[WV:PROMO|Páginas de autopromoción]]</li> <li>Revistas de viajes y anécdotas personales</li> </ul> </div> </div> <div class="wvas-ref-nota"><strong>Ten en cuenta también que Wikiviajes no es:</strong> <ul> <li>Una [[w:|enciclopedia]] — los artículos con tono enciclopédico no cumplen el objetivo del proyecto.</li> <li>Un [[wikt:|diccionario]], [[b:|libro de texto]] ni [[s:|depósito de discursos o textos]].</li> <li>Un [[n:|sitio de noticias]], [[q:|lugar de citas y frases]] ni plataforma de [[v:|temas educativos]] genéricos.</li> </ul> </div> </div> <!-- ================================================================ PLANTILLA: ACA NivelesCalidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#EAF3DE;">⭐</div> <h2>Niveles de calidad de un artículo</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-info" style="margin-bottom:0.9rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">⭐ No importa si empiezas desde cero</div> <div class="wvas-callout-body">Los artículos de Wikiviajes siguen una escala de calidad progresiva. Un esbozo bien intencionado es el primer paso: con el tiempo y la colaboración de la comunidad, cualquier artículo puede crecer hasta convertirse en una guía estrella.</div> </div> </div> <div class="wvas-niveles"> <div class="wvas-nivel wvas-nv-1"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📄 Esbozo</h4> <p>Artículo recién creado con información básica. Punto de partida de todo artículo nuevo.</p> </div> <div class="wvas-nivel wvas-nv-2"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>🗺️ Guía usable</h4> <p>Tiene suficiente información para que el viajero pueda visitar el destino sin grandes problemas.</p> </div> <div class="wvas-nivel wvas-nv-3"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>📘 Guía</h4> <p>Artículo completo y bien estructurado que cubre casi todos los aspectos relevantes del destino.</p> </div> <div class="wvas-nivel wvas-nv-4"> <div class="wvas-nivel-icon">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <h4>⭐ Guía estrella</h4> <p>El nivel más alto: exhaustivo, bien escrito, con imágenes, verificado y mantenido al día.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA ChecklistPublicacion ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E1F5EE;">✅</div> <h2>Checklist antes de publicar</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-checklist"> <div class="wvas-checklist-header">[[Archivo:Wikivoyage-logo.svg|link=|alt=]] <h3>¿Listo/a para publicar? Verifica estos 10 puntos</h3> </div> <ul class="wvas-check-list"> <li><span class="wvas-check-icon">✓</span> Verifiqué en la [[Especial:Buscar|caja de búsqueda]] que no existe ya un artículo sobre el mismo tema.</li> <li><span class="wvas-check-icon">✓</span> El título sigue la [[WV:Convención de títulos|convención de títulos]] (mayúsculas, idioma, paréntesis o barra si aplica).</li> <li><span class="wvas-check-icon">✓</span> El artículo cumple los criterios de [[WV:R|relevancia]] del tipo elegido (destino, itinerario, temático, etc.).</li> <li><span class="wvas-check-icon">✓</span> El contenido es propio: no copié de Wikipedia ni de otras páginas con derechos de autor.</li> <li><span class="wvas-check-icon">✓</span> El tono es [[WV:Tono|coloquial e informativo]], orientado al viajero, no enciclopédico ni promocional.</li> <li><span class="wvas-check-icon">✓</span> Incluí información práctica para el viajero: cómo llegar, dónde comer, dónde hospedarse, qué ver.</li> <li><span class="wvas-check-icon">✓</span> La redacción es [[WV:Sé justo|honesta y objetiva]], sin autopromoción ni sesgos personales.</li> <li><span class="wvas-check-icon">✓</span> Seguí el [[WV:MDE|manual de estilo]]: formato de números, estructura de secciones y formato de listados.</li> <li><span class="wvas-check-icon">✓</span> Categoricé correctamente el artículo según el [[WV:Destinos|tipo de destino]] o tema correspondiente.</li> <li><span class="wvas-check-icon">✓</span> Si es un distrito, el artículo de la ciudad madre ya existe en Wikiviajes con ese nombre.</li> </ul> </div> <!-- ================================================================ PLANTILLA: ACA AyudaComunidad ================================================================ --> <div class="wvas-sh"> <div class="wvas-sh-icon" style="background:#E6F1FB;">🤝</div> <h2>¿Dónde pedir ayuda?</h2> <div class="wvas-sh-line"></div> </div> <div class="wvas-callout wvas-co-tip" style="margin-bottom:1rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">😊 La comunidad está aquí para ayudarte</div> <div class="wvas-callout-body">Si tienes dudas, cometiste un error o necesitas orientación, no estás solo/a. Wikiviajes tiene una comunidad activa de colaboradores dispuestos a ayudar. No dudes en consultar antes —o después— de publicar.</div> </div> </div> <div class="wvas-ayuda-grid"> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Wikiviajes:Taberna|alt=Taberna]]<br/>'''☕ [[Wikiviajes:Taberna|Taberna de la comunidad]]'''<br/> <p>El espacio principal de debate y consultas de la comunidad de Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Contenidos|alt=Ayuda]]<br/>'''📖 [[Ayuda:Contenidos|Centro de ayuda]]'''<br/> <p>Guías y tutoriales sobre cómo editar, crear y mejorar artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Ayuda:Introducción|alt=Bienvenida]]<br/>'''👋 [[Ayuda:Introducción|Página de bienvenida]]'''<br/> <p>Todo lo que necesitas saber para empezar en Wikiviajes desde cero.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:Políticas|alt=Políticas]]<br/>'''📋 [[WV:Políticas|Políticas del proyecto]]'''<br/> <p>Las normas que rigen la creación y edición de artículos en Wikiviajes.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=WV:MDE|alt=Manual de estilo]]<br/>'''✏️ [[WV:MDE|Manual de estilo]]'''<br/> <p>Convenciones de formato, títulos, listados y redacción para todos los artículos.</p> </div> <div class="wvas-ayuda-card">[[Archivo:Wikivoyage-logo.svg|link=Especial:MiDiscusión|alt=Discusión]]<br/>'''💬 [[Especial:MiDiscusión|Mi página de discusión]]'''<br/> <p>Revisa los mensajes que la comunidad o los administradores te hayan dejado.</p> </div> </div> <!-- ================================================================ PLANTILLA: ACA CierreMotivacional ================================================================ --> <div class="wvas-callout wvas-co-tip" style="margin-top:1.5rem;"> <div class="wvas-callout-mascot">[[Archivo:Wikivoyage-logo.svg|link=|alt=]]</div> <div class="wvas-norma-content"> <div class="wvas-callout-title">🌍 ¡Toda contribución cuenta!</div> <div class="wvas-callout-body">Wikiviajes nació el '''15 de enero de 2013''' y cada día crece gracias a voluntarios como tú. No importa si tu artículo empieza corto o imperfecto: un buen esbozo es el primer paso hacia una guía estrella, y la comunidad te ayudará a mejorarlo. ¡[[WV:Sé valiente|Sé valiente]] y empieza a contribuir hoy mismo!</div> </div> </div> </div> 76vxcgm5xnur6ilsihqm8wxqevcdz80 2 18396 253063 253035 2026-05-12T22:43:18Z Jsmura 5370 Página reemplazada por «document.querySelectorAll('.faq-question').forEach(question => { question.addEventListener('click', () => { const current = question.parentElement; document.querySelectorAll('.faq-item').forEach(item => { item.classList.remove('active'); }); current.classList.add('active'); }); });» 253063 javascript text/javascript document.querySelectorAll('.faq-question').forEach(question => { question.addEventListener('click', () => { const current = question.parentElement; document.querySelectorAll('.faq-item').forEach(item => { item.classList.remove('active'); }); current.classList.add('active'); }); }); l941clmoakz2dgsmi7hxm2o335uww2l 253066 253063 2026-05-12T23:01:31Z Jsmura 5370 253066 javascript text/javascript document.querySelectorAll('.accordion-question').forEach(question => { question.addEventListener('click', () => { const current = question.parentElement; document.querySelectorAll('.accordion-item').forEach(item => { item.classList.remove('active'); }); current.classList.add('active'); }); }); 1a1801rbkyqks8ejj3c2obng16pd053 253068 253066 2026-05-12T23:03:03Z Jsmura 5370 253068 javascript text/javascript document.querySelectorAll('.accordion-clicky').forEach(question => { question.addEventListener('click', () => { const current = question.parentElement; document.querySelectorAll('.accordion-item').forEach(item => { item.classList.remove('active'); }); current.classList.add('active'); }); }); i88wvf578h4r7h5no377o2dz21u2dm2 253091 253068 2026-05-13T04:58:37Z Jsmura 5370 253091 javascript text/javascript document.querySelectorAll('.acorddion-clicky').forEach(question => { question.addEventListener('click', () => { const id = question.dataset.faq; document.querySelectorAll('.acorddion-content').forEach(answer => { answer.classList.remove('active'); }); const target = document.querySelector(`.acorddion-content[aco-nam="${id}"]`); if (target) { target.classList.add('active'); } }); }); ah7z6rrpwcsydi8wo7ec9f21cgxbzng 253093 253091 2026-05-13T05:06:53Z Jsmura 5370 253093 javascript text/javascript document.querySelectorAll('.acorddion-clicky').forEach(question => { question.addEventListener('click', () => { const id = question.dataset.aco; document.querySelectorAll('.acorddion-content').forEach(answer => { answer.classList.remove('active'); }); const target = document.querySelector(`.acorddion-content[data-aco="${id}"]`); if (target) { target.classList.add('active'); } }); }); 3eb8scg1ry9f83ku745qudwsla2tcyw 253097 253093 2026-05-13T05:14:35Z Jsmura 5370 253097 javascript text/javascript document.querySelectorAll('.accordion-clicky').forEach(question => { question.addEventListener('click', () => { const id = question.dataset.aco; document.querySelectorAll('.accordion-content').forEach(answer => { answer.classList.remove('active'); }); const target = document.querySelector(`.accordion-content[data-aco="${id}"]`); if (target) { target.classList.add('active'); } }); }); r6dmlqy5u0m7ocnxdmogll1rky6qk6e