Explorando la
Biodiversidad del Mar Argentino

Revisión actual - 12:56 15 sep 2026

Plantilla para cargar especies

Esta plantilla se usa para mostrar las fichas de especies. Para crear una especie nueva, utilizá Crear especie y completá los campos del formulario. La ficha organiza la información en tres solapas: Descripción, Hábitat y distribución, y Biología. Las tarjetas superiores muestran los datos esenciales, incluyendo tamaño del recurso y formas de utilización. Para el mapa, completá también latitud y longitud en grados decimales.

Cómo cargar áreas de distribución y datos GIS

El mapa utiliza el campo areas_distribucion. Escribí cada vértice como latitud,longitud. Usá números negativos para el sur y el oeste. Separá los vértices con punto y coma (;) y cada polígono con una barra (/).

areas_distribucion=
-45,-65.5;-48,-65;-51,-67;-54,-68.5;-54,-60;-48,-60;-45,-60/
-44,-65;-46,-65.5;-48,-65.5;-48,-61;-44,-61

Cada grupo separado por / representa un área distinta. El último punto se une automáticamente con el primero. No escribas grados, letras S/O ni símbolos adicionales.

Para cargar información GIS precisa, exportá el polígono desde QGIS u otro sistema GIS como una lista de vértices en coordenadas geográficas WGS84 (EPSG:4326), en formato decimal. Luego copiá los pares en el mismo orden: latitud,longitud. Conviene revisar el resultado sobre el mapa antes de publicar, porque los vértices deben rodear únicamente el área marina de distribución.

Esta ayuda es orientativa y no reemplaza la validación científica o cartográfica de las áreas.

@@ Línea 1: / Línea 1: @@
-<!--
-Ficha visual estándar para especies del Mar Argentino.
--->
 <includeonly>
 <div class="species-card species-template">
    <div class="species-hero">
-     {{#if:{{{imagen|}}}|<div class="species-image">[[Archivo:{{{imagen}}}|500px|class=species-img]]</div>}}
+     {{#if:{{{imagen|}}}|<div class="species-image">[[Archivo:{{{imagen}}}|class=species-img]]<span class="species-image-caption" style="display:block;position:absolute;left:22px;bottom:12px;z-index:3;max-width:calc(100% - 44px);padding:6px 11px;border-radius:999px;background:#f0edff;color:#5146d8;border:1px solid rgba(81,70,216,.12);box-shadow:0 3px 10px rgba(35,42,78,.10);font-size:11px;font-style:italic;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{#if:{{{nombre_cientifico|}}}|<em>{{{nombre_cientifico}}}</em>}}</span></div>}}
      <div class="species-hero-copy">
        <div class="species-kicker">Ficha de especie</div>
-       <h1 class="species-name">{{{nombre_comun|{{PAGENAME}}}}}</h1>
+       <div class="species-name">{{{nombre_comun|{{PAGENAME}}}}}</div>
        {{#if:{{{nombre_cientifico|}}}|<p class="species-scientific"><em>{{{nombre_cientifico}}}</em></p>}}
        {{#if:{{{descripcion|}}}|<p class="species-summary">{{{descripcion}}}</p>}}
-       <div class="species-tags">
+       <div class="species-tags">{{#if:{{{clase|}}}|<span class="species-tag">Clase: {{{clase}}}</span>}}{{#if:{{{familia|}}}|<span class="species-tag">Familia: {{{familia}}}</span>}}</div>
-        {{#if:{{{familia|}}}|<span class="species-tag">Familia: {{{familia}}}</span>}}
-        {{#if:{{{estado|}}}|<span class="species-tag">Estado: {{{estado_texto|{{{estado}}}}}}</span>}}
-      </div>
      </div>
    </div>
+   <div class="species-facts">{{#if:{{{habitat|}}}|<div class="species-fact"><span class="species-fact-label">Hábitat</span><strong class="species-fact-value">{{{habitat}}}</strong></div>}}{{#if:{{{profundidad|}}}|<div class="species-fact"><span class="species-fact-label">Profundidad</span><strong class="species-fact-value">{{{profundidad}}}</strong></div>}}{{#if:{{{tamaño_recurso|}}}|<div class="species-fact"><span class="species-fact-label">Tamaño del recurso</span><strong class="species-fact-value">{{{tamaño_recurso}}}</strong></div>}}{{#if:{{{utilizacion_resumen|}}}|<div class="species-fact"><span class="species-fact-label">Formas de utilización</span><strong class="species-fact-value">{{{utilizacion_resumen}}}</strong></div>}}</div>
-   <div class="species-facts">
+   <div class="species-map-block"><h2>Distribución geográfica</h2><div class="species-map" data-lat="{{{latitud|}}}" data-lon="{{{longitud|}}}" data-zoom="{{{zoom|4}}}" data-label="{{{nombre_comun|Área de distribución}}}" data-areas="{{{areas_distribucion|}}}">Cargando mapa del IGN…</div></div>
-    {{#if:{{{distribucion|}}}|<div class="species-fact"><span class="species-fact-label">Distribución</span><strong class="species-fact-value">{{{distribucion}}}</strong></div>}}
+   <div id="species-layout-mararg" style="display:grid !important; grid-template-columns:minmax(0,1fr) 260px !important; gap:30px !important; align-items:start !important; width:100% !important; background:transparent !important;">
-    {{#if:{{{habitat|}}}|<div class="species-fact"><span class="species-fact-label">Hábitat</span><strong class="species-fact-value">{{{habitat}}}</strong></div>}}
+     <div id="species-main-column-mararg" style="min-width:0 !important; width:100% !important; background:transparent !important;">
-    {{#if:{{{profundidad|}}}|<div class="species-fact"><span class="species-fact-label">Profundidad</span><strong class="species-fact-value">{{{profundidad}}}</strong></div>}}
+       <div id="tabs-mararg" style="display:block !important; width:100% !important; background:transparent !important; border:0 !important; box-shadow:none !important; padding:0 !important; margin:0 !important;">
-    {{#if:{{{tamaño_max|}}}|<div class="species-fact"><span class="species-fact-label">Tamaño máximo</span><strong class="species-fact-value">{{{tamaño_max}}}</strong></div>}}
+        <div class="tab-strip-mararg" style="display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; align-items:flex-end !important; gap:24px !important; width:100% !important; min-height:42px !important; overflow-x:auto !important; background:transparent !important; border:0 !important; border-bottom:1px solid #e6e3f2 !important; padding:0 !important; margin:0 0 22px !important;">
-   </div>
+          <span class="tab-link-mararg is-active" style="display:inline-block !important; flex:0 0 auto !important; width:auto !important; padding:0 0 11px !important; margin:0 !important; background:transparent !important; border:0 !important; border-bottom:2px solid #5146d8 !important; border-radius:0 !important; color:#5146d8 !important; font-size:13px !important; line-height:1.3 !important; white-space:nowrap !important; cursor:pointer !important;">[[#species-description|Descripción]]</span>
+          <span class="tab-link-mararg" style="display:inline-block !important; flex:0 0 auto !important; width:auto !important; padding:0 0 11px !important; margin:0 !important; background:transparent !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; color:#68718f !important; font-size:13px !important; line-height:1.3 !important; white-space:nowrap !important; cursor:pointer !important;">[[#species-habitat|Hábitat y distribución]]</span>
-   <div class="species-content">
+          <span class="tab-link-mararg" style="display:inline-block !important; flex:0 0 auto !important; width:auto !important; padding:0 0 11px !important; margin:0 !important; background:transparent !important; border:0 !important; border-bottom:2px solid transparent !important; border-radius:0 !important; color:#68718f !important; font-size:13px !important; line-height:1.3 !important; white-space:nowrap !important; cursor:pointer !important;">[[#species-biology|Biología]]</span>
-     <div class="species-main-content">
+        </div>
-       {{#if:{{{caracteres|}}}|<div class="info-section"><h2>Cómo reconocerla</h2><div class="info-text">{{{caracteres}}}</div></div>}}
+        <div class="tab-panels-mararg" style="display:block !important; background:transparent !important;">
-      {{#if:{{{alimentación|}}}|<div class="info-section"><h2>Alimentación</h2><div class="info-text">{{{alimentación}}}</div></div>}}
+          <div class="tab-panel-mararg is-active" data-tab-panel="description" id="species-description">{{#if:{{{caracteres|}}}|<div class="info-section"><h2>Cómo reconocerla</h2><div class="info-text">{{{caracteres}}}</div></div>}}{{#if:{{{especies_similares|}}}|<div class="info-section"><h2>Especies similares</h2><div class="info-text">{{{especies_similares}}}</div></div>}}</div>
-      {{#if:{{{reproducción|}}}|<div class="info-section"><h2>Reproducción</h2><div class="info-text">{{{reproducción}}}</div></div>}}
+          <div class="tab-panel-mararg" data-tab-panel="habitat" id="species-habitat">{{#if:{{{distribucion|}}}|<div class="info-section"><h2>Distribución geográfica, hábitat y comportamiento</h2><div class="info-text">{{{distribucion}}}</div></div>}}{{#if:{{{habitat|}}}|<div class="info-section"><h2>Hábitat</h2><div class="info-text">{{{habitat}}}</div></div>}}</div>
-      {{#if:{{{especies_similares|}}}|<div class="info-section"><h2>Especies similares</h2><div class="info-text">{{{especies_similares}}}</div></div>}}
+          <div class="tab-panel-mararg" data-tab-panel="biology" id="species-biology">{{#if:{{{datos_biologicos|}}}|<div class="info-section"><h2>Datos biológicos</h2><div class="info-text">{{{datos_biologicos}}}</div></div>}}{{#if:{{{alimentación|}}}|<div class="info-section"><h2>Alimentación</h2><div class="info-text">{{{alimentación}}}</div></div>}}{{#if:{{{reproducción|}}}|<div class="info-section"><h2>Reproducción</h2><div class="info-text">{{{reproducción}}}</div></div>}}{{#if:{{{flota|}}}|<div class="info-section"><h2>Flota pesquera y artes de captura</h2><div class="info-text">{{{flota}}}</div></div>}}{{#if:{{{utilizacion|}}}|<div class="info-section"><h2>Formas de utilización</h2><div class="info-text">{{{utilizacion}}}</div></div>}}{{#if:{{{fuentes|}}}|<div class="info-section"><h2>Fuentes</h2><div class="info-text">{{{fuentes}}}</div></div>}}</div>
-      {{#if:{{{datos_biologicos|}}}|<div class="info-section"><h2>Otros datos biológicos</h2><div class="info-text">{{{datos_biologicos}}}</div></div>}}
+        </div>
-      {{#if:{{{tamaño_recurso|}}}|<div class="info-section"><h2>Tamaño del recurso</h2><div class="info-text">{{{tamaño_recurso}}}</div></div>}}
+      </div>
-      {{#if:{{{flota|}}}|<div class="info-section"><h2>Flota pesquera y artes de captura</h2><div class="info-text">{{{flota}}}</div></div>}}
-      {{#if:{{{utilizacion|}}}|<div class="info-section"><h2>Formas de utilización</h2><div class="info-text">{{{utilizacion}}}</div></div>}}
      </div>
-     <aside class="species-taxonomy-panel">
+     <div class="species-taxonomy-panel"><h2>Clasificación científica</h2>{{#if:{{{clase|}}}|<div class="taxonomy-row"><span>Clase</span><strong>{{{clase}}}</strong></div>}}{{#if:{{{orden|}}}|<div class="taxonomy-row"><span>Orden</span><strong>{{{orden}}}</strong></div>}}{{#if:{{{familia|}}}|<div class="taxonomy-row"><span>Familia</span><strong>{{{familia}}}</strong></div>}}{{#if:{{{nombres_comunes|}}}|<div class="taxonomy-row"><span>Otros nombres</span><strong>{{{nombres_comunes}}}</strong></div>}}{{#if:{{{nombre_ingles|}}}|<div class="taxonomy-row"><span>En inglés</span><strong><em>{{{nombre_ingles}}}</em></strong></div>}}</div>
-      <h2>Clasificación científica</h2>
-      {{#if:{{{clase|}}}|<div class="taxonomy-row"><span>Clase</span><strong>{{{clase}}}</strong></div>}}
-      {{#if:{{{orden|}}}|<div class="taxonomy-row"><span>Orden</span><strong>{{{orden}}}</strong></div>}}
-      {{#if:{{{familia|}}}|<div class="taxonomy-row"><span>Familia</span><strong>{{{familia}}}</strong></div>}}
-      {{#if:{{{nombres_comunes|}}}|<div class="taxonomy-row"><span>Otros nombres</span><strong>{{{nombres_comunes}}}</strong></div>}}
-      {{#if:{{{nombre_ingles|}}}|<div class="taxonomy-row"><span>En inglés</span><strong><em>{{{nombre_ingles}}}</em></strong></div>}}
-      {{#if:{{{temperatura|}}}|<div class="taxonomy-row"><span>Temperatura</span><strong>{{{temperatura}}}</strong></div>}}
-    </aside>
    </div>
    <div class="species-footer"><div class="species-tags">{{#if:{{{familia|}}}|<span class="species-tag">{{{familia}}}</span>}}{{#if:{{{habitat|}}}|<span class="species-tag">{{{habitat}}}</span>}}</div></div>
@@ Línea 50: / Línea 34: @@
 [[Categoría:Especies del Mar Argentino]]
 </includeonly>
+<noinclude>== Plantilla para cargar especies ==
+Esta plantilla se usa para mostrar las fichas de especies. Para crear una especie nueva, utilizá [[Crear especie]] y completá los campos del formulario.
+La ficha organiza la información en tres solapas: Descripción, Hábitat y distribución, y Biología. Las tarjetas superiores muestran los datos esenciales, incluyendo tamaño del recurso y formas de utilización. Para el mapa, completá también latitud y longitud en grados decimales.
-<noinclude>
+== Cómo cargar áreas de distribución y datos GIS ==
-== Plantilla para cargar especies ==
-Esta plantilla se usa para mostrar las fichas de especies. Para crear una especie nueva, utilizá [[Crear especie]] y completá los campos del formulario.
+El mapa utiliza el campo <code>areas_distribucion</code>. Escribí cada vértice como <code>latitud,longitud</code>. Usá números negativos para el sur y el oeste. Separá los vértices con punto y coma (<code>;</code>) y cada polígono con una barra (<code>/</code>).
+<pre>areas_distribucion=
+-45,-65.5;-48,-65;-51,-67;-54,-68.5;-54,-60;-48,-60;-45,-60/
+-44,-65;-46,-65.5;-48,-65.5;-48,-61;-44,-61</pre>
+Cada grupo separado por <code>/</code> representa un área distinta. El último punto se une automáticamente con el primero. No escribas grados, letras S/O ni símbolos adicionales.
+Para cargar información GIS precisa, exportá el polígono desde QGIS u otro sistema GIS como una lista de vértices en coordenadas geográficas WGS84 (EPSG:4326), en formato decimal. Luego copiá los pares en el mismo orden: <code>latitud,longitud</code>. Conviene revisar el resultado sobre el mapa antes de publicar, porque los vértices deben rodear únicamente el área marina de distribución.
-Los campos principales son el nombre común, nombre científico, imagen, clasificación, descripción, hábitat y distribución. Los demás campos son opcionales y pueden completarse más adelante.
+<small>Esta ayuda es orientativa y no reemplaza la validación científica o cartográfica de las áreas.</small></noinclude>
-</noinclude>

Explorando la Biodiversidad del Mar Argentino

Revisión actual - 12:56 15 sep 2026

Plantilla para cargar especies

Cómo cargar áreas de distribución y datos GIS

Explorando la
Biodiversidad del Mar Argentino