diff --git a/docs/_includes/_parcelas.html b/docs/_includes/_parcelas.html
index 1ba197e..397e372 100644
--- a/docs/_includes/_parcelas.html
+++ b/docs/_includes/_parcelas.html
@@ -1,4 +1,4 @@
 <div class="video-container">
-    <iframe src="graficos/parcelas.html" width="100%" height="539px" style="overflow:hidden" allowfullscreen="" frameborder="0">
+    <iframe id="p5" src="graficos/parcelas.html" width="100%" height="539px" style="overflow:hidden" allowfullscreen="" frameborder="0">
     </iframe>
 </div>
diff --git a/docs/graficos/parcelas.js b/docs/graficos/parcelas.js
index 3f33926..68876c8 100644
--- a/docs/graficos/parcelas.js
+++ b/docs/graficos/parcelas.js
@@ -27,8 +27,9 @@ function setup() {
   pg = createGraphics(800, 519);
   var as = 519. / 800.;
   zoom = .95;
-  var w = windowWidth*zoom;
-  var h = windowHeight*as*zoom;
+
+  var framesWidth = window.parent.$("iframe.p5").width();
+  var framesHeight = window.parent.$("iframe.p5").height();
 
   createCanvas(w,h);
   nombres = new Array("Norte","Duero","Ebro","Pirineo","Jucar","Tajo","Guadiana","Guadalquivir","Sur", "Segura", "Baleares y Canarias");