@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

/* Clearfix */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
/* Grayscale */
/* Animation */
/* Cross browser opacity */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *  */
/* ¡¡¡Atención!!! Estas cuatro primeras variables también hay que cambiarlas en la template hijo (si existiera) y volver a compilar los módulos.*/
/* Colors */
.module.video .module-video-container .module-video-container-wrapper {
  background-repeat: no-repeat;
  background-position: center; }

.module.video .module-video-container .text-container {
  position: relative; }

.module.video .module-video-container button.play-video {
  position: absolute;
  left: 50%;
  display: block;
  outline: none;
  padding: 0;
  line-height: normal;
  height: auto; }

.module.video .module-video-container .video-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  display: none; }
  .module.video .module-video-container .video-container .video-full {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden; }
    .module.video .module-video-container .video-container .video-full iframe,
    .module.video .module-video-container .video-container .video-full object,
    .module.video .module-video-container .video-container .video-full embed {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }

@media screen and (max-width: 660px) {
  .module.video .module-video-container .text-container {
    display: none; }
  .module.video .module-video-container .video-container .video-full {
    padding-bottom: 60%; } }