well if you even want to hide the titles on lightbox images – that was the wrong function ( p.s. : comes to child-theme functions.php)
the function above will do the job: to hide titles on hover – but on click they will be back for exactly the lightbox bottom-bar.

if you like to preserve the titles for SEO reasons – comment out that part with click event – or remove it:

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
    //var links = document.querySelectorAll('img, a ,div[title]');
      var links = document.getElementsByTagName("img");
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("org_title", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("org_title");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

you can include other selectors etc. see the alternate line: for var links = document.getElementsByTagName("img");
then use instead:

function temporary_removal_title_tags(){
?>
<script>
  window.onload = function() {
      var links = document.querySelectorAll('img, a ,div[title]');
      for (var i = 0; i < links.length; i++) {
          var link = links[i];
          link.onmouseover = function() {
              this.setAttribute("org_title", this.title);
              this.title = "";
          };
          link.onmouseout = function() {
              this.title = this.getAttribute("org_title");
          };
      }
  };
</script>
<?php
}
add_action('wp_footer', 'temporary_removal_title_tags');

since this is quite a calculation-intensive plugin, it would not be very performant if you use it frequently on a page.
For this reason, it is also best to manually set the languages for which it is intended.
In this case it seems to me better to set “breaking points” in long words manually. There is an html entity for the web application which provides exactly that: softhyphen ­

see here an older text of mine : https://kriesi.at/support/topic/problem-with-hyphens/#post-1179376

PS: if you like to include your CPT to search results use:

function include_cpt_search( $query ) {
    if ( $query->is_search ) {
    $query->set( 'post_type', array( 'post', 'page', 'proyectos_ma' ) );
    }  
    return $query;
}
add_filter( 'pre_get_posts', 'include_cpt_search' ); 

First :
this here :

is the content you like to have on all pages ?
– i can see it on your front-page too – so your code does not take over the if clause ?

next Enfold has an option to choose a whole page as footer !

So style a new page ( sponsors ) and set this page to be the footer-page

If you have some changes on that sponsors – just edit that page ( page as footer ) – and all pages are up to date at once.

and if you decide to only show first 6 Elements on very small screens you can add a rule to the last media query:

@media only screen and (max-width: 339px) {
  #top #wrap_all .avia-gallery .avia-gallery-thumb a {
    flex: 1 1 100%
  }
  
  #top #wrap_all .avia-gallery .avia-gallery-thumb a:nth-of-type(n+7) {
    display: none !important;
  }
}

in the lightbox then all images will be present.

if you got a height on 150px for the header height – and you like to have the logo on a height of 200px the percentual growth is at aprox. 133%

So try :

#top.page-id-15 .logo, 
#top.page-id-15 .logo a {
  overflow: visible;
}

#top.page-id-15 .logo img {
  height: 133%;
  max-height: 200px !important;
}

if your page-id-15 is the home page you can replace #top.page-id-15 with #top.home

The overflow will ensure that the logo is over the content.
This method will work even with shrinking header – see f.e.: here: https://pirol-hifi.de/

Did you check the settings – General and Date Format:

Edit : No that should not influence the language shown on your blog.

what is the link of your youtube video?

this might be a solution to your site – but it is more or less a

/*** the mobile devices solution ***/
.responsive.avia_mobile #top #wrap_all .avia-section.av-parallax-section .av-parallax {
  height: 57vw !important;
}
.responsive.avia_mobile #top #wrap_all .avia-section.av-parallax-section .container {
  height: 56.25vw !important;
}

/*** a desktop browser approach ***/
@media only screen and (max-width:1700px) {
  .responsive:not(.avia_mobile) #top #wrap_all .avia-section.av-parallax-section .av-parallax {
    height: 100vh!important;
  }
  .responsive:not(.avia_mobile) #top #wrap_all .avia-section.av-parallax-section:first-of-type .av-parallax {
    top: calc(-70vh + 88px) !important
  }
  .responsive:not(.avia_mobile) #top #wrap_all .avia-section.av-parallax-section .av-parallax {
    top: -55vh !important
  }
  .responsive:not(.avia_mobile) #top #wrap_all .avia-section.av-parallax-section .av-parallax .av-parallax-inner {
    background-position: 50% 50% !important;
  }
  .responsive:not(.avia_mobile) #top #wrap_all .avia-section.av-parallax-section .container {
    height: 56.25vw !important;
  }
}

First thing to mention.
an ID had to be unique – you got multiple ID’s : hmiparrallax
if you like to select those sections as a group – give them the class: hmiparallax ( parallel ;) ) one r

then to see your image ( and they are all 16:9 images ) in contain !
i would give the color-section via that class a height of: 56.25vw (9/16*100)

.avia-section.hmiparallax .container {
  height: 56.25vw !important;
}

your 900px is too big for small screens – a lot of white space will result.

the rest will come – when you have changed that.

on your css i can see just under a comment : /* diapositivas */
the rule:

ul.avia-slideshow-inner {
  width: 1030px!important;
}

thats the rule that hampers full dimension

but i think if you show the gallery – you see that there is on top the last added video and beneath the thumbnails of the older videolinks in that playlist.
All these thumbs are in a unique container ( class: epyt-gallery-list ) if you set this to display none – you will have on top the newest video link.

on my desktop – just unzipping the file and looked into that concerning folder. Inspecting this folder.

and even if you think you are paranoid – it doesn’t mean that I am not really behind you ;)

can you post your complete shortcode for that page.
and pleas if- use the code tag here to post

can you tell me – where the min-height expression comes from?
.avia-icongrid-flipbox li article – there is an inline style of 19.8px – if i set the default value (200px) to important it looks this way: