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: @@
-<!--
+<includeonly>
-Plantilla estándar para fichas de especies del Mar Argentino.
-Campos principales: nombre_comun, nombre_cientifico, imagen, clase, orden, familia,
-nombres_comunes, nombre_ingles, estado, estado_texto, descripcion, caracteres,
-especies_similares, tamaño_max, profundidad, temperatura, alimentación, reproducción,
-datos_biologicos, distribucion, tamaño_recurso, flota y utilizacion.
--->
 <div class="species-card species-template">
-   <div class="species-header">
+   <div class="species-hero">
-     <div class="species-title-section">
+    {{#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>}}
-       <h1 class="species-name">{{{nombre_comun|{{PAGENAME}}}}}</h1>
+     <div class="species-hero-copy">
+      <div class="species-kicker">Ficha de especie</div>
+       <div class="species-name">{{{nombre_comun|{{PAGENAME}}}}}</div>
        {{#if:{{{nombre_cientifico|}}}|<p class="species-scientific"><em>{{{nombre_cientifico}}}</em></p>}}
-       <div class="species-taxonomy">
+       {{#if:{{{descripcion|}}}|<p class="species-summary">{{{descripcion}}}</p>}}
-        {{#if:{{{clase|}}}|<span class="taxonomy-item"><strong>Clase:</strong> {{{clase}}}</span>}}
+      <div class="species-tags">{{#if:{{{clase|}}}|<span class="species-tag">Clase: {{{clase}}}</span>}}{{#if:{{{familia|}}}|<span class="species-tag">Familia: {{{familia}}}</span>}}</div>
-        {{#if:{{{orden|}}}|<span class="taxonomy-item"><strong>Orden:</strong> {{{orden}}}</span>}}
-        {{#if:{{{familia|}}}|<span class="taxonomy-item"><strong>Familia:</strong> {{{familia}}}</span>}}
-      </div>
-      {{#if:{{{nombres_comunes|}}}{{{nombre_ingles|}}}|<div class="species-alternate-names">
-        {{#if:{{{nombres_comunes|}}}|<span><strong>Nombres comunes:</strong> {{{nombres_comunes}}}</span>}}
-        {{#if:{{{nombre_ingles|}}}|<span><strong>Inglés:</strong> <em>{{{nombre_ingles}}}</em></span>}}
-      </div>}}
      </div>
-    <div class="conservation-badge conservation-{{{estado|NE}}}">{{{estado_texto|No evaluado}}}</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-body">
+  <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:{{{imagen|}}}|<div class="species-image">[[Archivo:{{{imagen}}}|300px|class=species-img]]</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;">
-    <div class="species-info">
+    <div id="species-main-column-mararg" style="min-width:0 !important; width:100% !important; background:transparent !important;">
-      {{#if:{{{descripcion|}}}|<div class="info-section"><h2><i class="fas fa-info-circle"></i> Descripción</h2><div class="info-text">{{{descripcion}}}</div></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;">
-      <div class="info-grid">
+        <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;">
-        {{#if:{{{habitat|}}}|<div class="info-item"><span class="info-label"><i class="fas fa-water"></i> Hábitat</span><span class="info-value">{{{habitat}}}</span></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>
-        {{#if:{{{distribucion|}}}|<div class="info-item"><span class="info-label"><i class="fas fa-map-marked-alt"></i> Distribución</span><span class="info-value">{{{distribucion}}}</span></div>}}
+          <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>
-         {{#if:{{{tamaño_max|}}}|<div class="info-item"><span class="info-label"><i class="fas fa-ruler-vertical"></i> Tamaño máximo</span><span class="info-value">{{{tamaño_max}}}</span></div>}}
+          <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>
-        {{#if:{{{profundidad|}}}|<div class="info-item"><span class="info-label"><i class="fas fa-arrow-down"></i> Profundidad</span><span class="info-value">{{{profundidad}}}</span></div>}}
+        </div>
-        {{#if:{{{temperatura|}}}|<div class="info-item"><span class="info-label"><i class="fas fa-thermometer-half"></i> Temperatura</span><span class="info-value">{{{temperatura}}}</span></div>}}
+         <div class="tab-panels-mararg" style="display:block !important; background:transparent !important;">
-        {{#if:{{{alimentación|}}}|<div class="info-item"><span class="info-label"><i class="fas fa-utensils"></i> Alimentación</span><span class="info-value">{{{alimentación}}}</span></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-item"><span class="info-label"><i class="fas fa-dna"></i> Reproducción</span><span class="info-value">{{{reproducción}}}</span></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>
+          <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>
+        </div>
        </div>
-      {{#if:{{{caracteres|}}}|<div class="info-section species-long-section"><h2><i class="fas fa-fingerprint"></i> Caracteres externos distintivos</h2><div class="info-text">{{{caracteres}}}</div></div>}}
-      {{#if:{{{especies_similares|}}}|<div class="info-section species-long-section"><h2><i class="fas fa-not-equal"></i> Especies similares</h2><div class="info-text">{{{especies_similares}}}</div></div>}}
-      {{#if:{{{datos_biologicos|}}}|<div class="info-section species-long-section"><h2><i class="fas fa-dna"></i> Otros datos biológicos</h2><div class="info-text">{{{datos_biologicos}}}</div></div>}}
-      {{#if:{{{tamaño_recurso|}}}|<div class="info-section species-long-section"><h2><i class="fas fa-chart-bar"></i> Tamaño del recurso</h2><div class="info-text">{{{tamaño_recurso}}}</div></div>}}
-      {{#if:{{{flota|}}}|<div class="info-section species-long-section"><h2><i class="fas fa-ship"></i> Flota pesquera y artes de captura</h2><div class="info-text">{{{flota}}}</div></div>}}
-      {{#if:{{{utilizacion|}}}|<div class="info-section species-long-section"><h2><i class="fas fa-utensils"></i> Formas de utilización</h2><div class="info-text">{{{utilizacion}}}</div></div>}}
-    </div>
-  </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 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>
    </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>
 </div>
 [[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.
+== Cómo cargar áreas de distribución y datos GIS ==
+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.
+<small>Esta ayuda es orientativa y no reemplaza la validación científica o cartográfica de las áreas.</small></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